2021-03-29 14:53:18 -07:00
|
|
|
/**
|
|
|
|
|
* Copyright 2018 Google Inc. All rights reserved.
|
|
|
|
|
* Modifications copyright (c) Microsoft Corporation.
|
|
|
|
|
*
|
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
|
*
|
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
*
|
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
|
* limitations under the License.
|
|
|
|
|
*/
|
|
|
|
|
|
2022-03-25 15:05:50 -08:00
|
|
|
import { contextTest as it } from '../config/browserTest';
|
2021-04-05 09:18:56 -07:00
|
|
|
|
2021-09-27 18:58:08 +02:00
|
|
|
it('should load svg favicon with prefer-color-scheme', async ({ page, server, browserName, channel, headless, asset }) => {
|
2021-05-13 10:22:23 -07:00
|
|
|
it.skip(headless && browserName !== 'firefox', 'headless browsers, except firefox, do not request favicons');
|
|
|
|
|
it.skip(!headless && browserName === 'webkit' && !channel, 'headed webkit does not have a favicon feature');
|
2021-04-05 09:18:56 -07:00
|
|
|
|
2023-01-30 09:53:28 +01:00
|
|
|
// Browsers aggressively cache favicons, so force bust with the
|
2021-03-29 14:53:18 -07:00
|
|
|
// `d` parameter to make iterating on this test more predictable and isolated.
|
|
|
|
|
const favicon = `/favicon.svg?d=${Date.now()}`;
|
|
|
|
|
server.setRoute(favicon, (req, res) => {
|
2021-04-05 15:51:45 -07:00
|
|
|
server.serveFile(req, res, asset('media-query-prefers-color-scheme.svg'));
|
2021-03-29 14:53:18 -07:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
server.setRoute('/page.html', (_, res) => {
|
|
|
|
|
res.end(`
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<link rel="icon" type="image/svg+xml" href="${favicon}">
|
|
|
|
|
<title>SVG Favicon Test</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
favicons
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
`);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
await Promise.all([
|
|
|
|
|
server.waitForRequest(favicon),
|
|
|
|
|
page.goto(server.PREFIX + '/page.html'),
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
// Add artificial delay since, just because we saw the request for the favicon,
|
|
|
|
|
// it does not mean the browser has processed it. There's not a great way to
|
|
|
|
|
// hook into something like "favicon is fully displayed" event, so hopefully
|
|
|
|
|
// 500ms is enough, but not too much!
|
|
|
|
|
await page.waitForTimeout(500);
|
|
|
|
|
// Text still being around ensures we haven't actually lost our browser to a crash.
|
|
|
|
|
await page.waitForSelector('text=favicons');
|
|
|
|
|
});
|
