playwright/tests/library/capabilities.spec.ts

233 lines
11 KiB
TypeScript
Raw Normal View History

2020-08-03 23:41:48 +03:00
/**
* Copyright Microsoft Corporation. All rights reserved.
*
* 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.
*/
import os from 'os';
import url from 'url';
import { contextTest as it, expect } from '../config/browserTest';
2020-08-03 23:41:48 +03:00
it('SharedArrayBuffer should work @smoke', async function({ contextFactory, httpsServer, browserName }) {
it.fail(browserName === 'webkit', 'no shared array buffer on webkit');
const context = await contextFactory({ ignoreHTTPSErrors: true });
const page = await context.newPage();
httpsServer.setRoute('/sharedarraybuffer', (req, res) => {
res.setHeader('Cross-Origin-Opener-Policy', 'same-origin');
res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp');
res.end();
});
await page.goto(httpsServer.PREFIX + '/sharedarraybuffer');
expect(await page.evaluate(() => typeof SharedArrayBuffer)).toBe('function');
});
it('Web Assembly should work @smoke', async function({ page, server, browserName, platform }) {
it.fail(browserName === 'webkit' && platform === 'win32');
2020-08-03 23:41:48 +03:00
await page.goto(server.PREFIX + '/wasm/table2.html');
expect(await page.evaluate('loadTable()')).toBe('42, 83');
2020-08-03 23:41:48 +03:00
});
it('WebSocket should work @smoke', async ({ page, server }) => {
server.sendOnWebSocketConnection('incoming');
const value = await page.evaluate(port => {
2020-08-03 23:41:48 +03:00
let cb;
const result = new Promise(f => cb = f);
const ws = new WebSocket('ws://localhost:' + port + '/ws');
ws.addEventListener('message', data => { ws.close(); cb(data.data); });
ws.addEventListener('error', error => cb('Error'));
return result;
}, server.PORT);
expect(value).toBe('incoming');
});
it('should respect CSP @smoke', async ({ page, server }) => {
2020-08-03 23:41:48 +03:00
server.setRoute('/empty.html', async (req, res) => {
res.setHeader('Content-Security-Policy', `script-src 'unsafe-inline';`);
res.end(`
<script>
window.testStatus = 'SUCCESS';
window.testStatus = eval("'FAILED'");
</script>`);
});
await page.goto(server.EMPTY_PAGE);
expect(await page.evaluate(() => window['testStatus'])).toBe('SUCCESS');
2020-08-03 23:41:48 +03:00
});
it('should play video @smoke', async ({ page, asset, browserName, platform, mode }) => {
2020-08-03 23:41:48 +03:00
// TODO: the test passes on Windows locally but fails on GitHub Action bot,
// apparently due to a Media Pack issue in the Windows Server.
// Also the test is very flaky on Linux WebKit.
it.fixme(browserName === 'webkit' && platform !== 'darwin');
2021-10-14 12:35:39 +03:00
it.fixme(browserName === 'firefox', 'https://github.com/microsoft/playwright/issues/5721');
it.fixme(browserName === 'webkit' && platform === 'darwin' && parseInt(os.release(), 10) === 20, 'Does not work on BigSur');
// Safari only plays mp4 so we test WebKit with an .mp4 clip.
const fileName = browserName === 'webkit' ? 'video_mp4.html' : 'video.html';
const absolutePath = asset(fileName);
2020-08-03 23:41:48 +03:00
// Our test server doesn't support range requests required to play on Mac,
// so we load the page using a file url.
2020-08-05 03:26:42 +03:00
await page.goto(url.pathToFileURL(absolutePath).href);
2020-08-03 23:41:48 +03:00
await page.$eval('video', v => v.play());
await page.$eval('video', v => v.pause());
});
it('should play webm video @smoke', async ({ page, asset, browserName, platform, mode }) => {
it.fixme(browserName === 'webkit' && platform === 'darwin' && parseInt(os.release(), 10) === 20, 'Does not work on BigSur');
it.fixme(browserName === 'webkit' && platform === 'win32');
const absolutePath = asset('video_webm.html');
// Our test server doesn't support range requests required to play on Mac,
// so we load the page using a file url.
await page.goto(url.pathToFileURL(absolutePath).href);
await page.$eval('video', v => v.play());
2020-08-03 23:41:48 +03:00
await page.$eval('video', v => v.pause());
});
it('should play audio @smoke', async ({ page, server, browserName, platform }) => {
it.fixme(browserName === 'firefox' && platform === 'win32', 'https://github.com/microsoft/playwright/issues/10887');
it.fixme(browserName === 'firefox' && platform === 'linux', 'https://github.com/microsoft/playwright/issues/10887');
it.fixme(browserName === 'webkit' && platform === 'win32', 'https://github.com/microsoft/playwright/issues/10892');
await page.goto(server.EMPTY_PAGE);
await page.setContent(`<audio src="${server.PREFIX}/example.mp3"></audio>`);
await page.$eval('audio', e => e.play());
await page.waitForTimeout(1000);
await page.$eval('audio', e => e.pause());
expect(await page.$eval('audio', e => e.currentTime)).toBeGreaterThan(0.2);
});
it('should support webgl @smoke', async ({ page, browserName, headless, browserMajorVersion, channel }) => {
it.fixme(channel === 'msedge' && browserMajorVersion === 111, 'https://github.com/microsoft/playwright/issues/21549');
const hasWebGL = await page.evaluate(() => {
const canvas = document.createElement('canvas');
return !!canvas.getContext('webgl');
});
expect(hasWebGL).toBe(true);
});
it('should support webgl 2 @smoke', async ({ page, browserName, headless, isWindows, channel, browserMajorVersion }) => {
it.fixme(channel === 'msedge' && browserMajorVersion === 111, 'https://github.com/microsoft/playwright/issues/21549');
it.skip(browserName === 'webkit', 'WebKit doesn\'t have webgl2 enabled yet upstream.');
it.fixme(browserName === 'firefox' && isWindows);
it.fixme(browserName === 'chromium' && !headless, 'chromium doesn\'t like webgl2 when running under xvfb');
const hasWebGL2 = await page.evaluate(() => {
const canvas = document.createElement('canvas');
return !!canvas.getContext('webgl2');
});
expect(hasWebGL2).toBe(true);
});
it('should not crash on page with mp4 @smoke', async ({ page, server, platform, browserName }) => {
it.fixme(browserName === 'webkit' && platform === 'win32', 'https://github.com/microsoft/playwright/issues/11009, times out in setContent');
it.fixme(browserName === 'firefox', 'https://bugzilla.mozilla.org/show_bug.cgi?id=1697004');
await page.setContent(`<video><source src="${server.PREFIX}/movie.mp4"/></video>`);
await page.waitForTimeout(1000);
});
it('should not crash on showDirectoryPicker', async ({ page, server, browserName, browserMajorVersion }) => {
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/7339' });
it.skip(browserName === 'chromium' && browserMajorVersion < 99, 'Fixed in Chromium r956769');
it.skip(browserName !== 'chromium', 'showDirectoryPicker is only available in Chromium');
await page.goto(server.EMPTY_PAGE);
await Promise.race([
page.evaluate(async () => {
const dir = await (window as any).showDirectoryPicker();
return dir.name;
}).catch(e => expect(e.message).toContain('DOMException: The user aborted a request')),
// The dialog will not be accepted, so we just wait for some time to
// to give the browser a chance to crash.
new Promise(r => setTimeout(r, 1000))
]);
});
it('should not crash on storage.getDirectory()', async ({ page, server, browserName, isMac }) => {
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/18235' });
it.skip(browserName === 'firefox', 'navigator.storage.getDirectory is not a function');
await page.goto(server.EMPTY_PAGE);
const error = await page.evaluate(async () => {
const dir = await navigator.storage.getDirectory();
return dir.name;
}).catch(e => e);
if (browserName === 'webkit') {
if (isMac)
expect(error.message).toContain('UnknownError: The operation failed for an unknown transient reason');
else
expect(error.message).toContain('TypeError: undefined is not an object');
} else {
expect(error).toBeFalsy();
}
});
it('navigator.clipboard should be present', async ({ page, server }) => {
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/18901' });
await page.goto(server.EMPTY_PAGE);
expect(await page.evaluate(() => navigator.clipboard)).toBeTruthy();
});
it('should set CloseEvent.wasClean to false when the server terminates a WebSocket connection', async ({ page, server }) => {
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/12353' });
server.onceWebSocketConnection(socket => {
socket.terminate();
});
const wasClean = await page.evaluate(port => new Promise<boolean>(resolve => {
const ws = new WebSocket('ws://localhost:' + port + '/ws');
ws.addEventListener('close', error => resolve(error.wasClean));
}), server.PORT);
expect(wasClean).toBe(false);
});
it('serviceWorker should intercept document request', async ({ page, server, browserName }) => {
server.setRoute('/sw.js', (req, res) => {
res.setHeader('Content-Type', 'application/javascript');
res.end(`
self.addEventListener('fetch', event => {
event.respondWith(new Response('intercepted'));
});
`);
});
await page.goto(server.EMPTY_PAGE);
await page.evaluate(() => navigator.serviceWorker.register('/sw.js'));
await page.reload();
expect(await page.textContent('body')).toBe('intercepted');
});
it('webkit should define window.safari', async ({ page, server, browserName }) => {
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/21037' });
it.skip(browserName !== 'webkit');
await page.goto(server.EMPTY_PAGE);
const defined = await page.evaluate(() => !!(window as any).safari);
expect(defined).toBeTruthy();
});
it('make sure that XMLHttpRequest upload events are emitted correctly', async ({ page, server, browserName, platform }) => {
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/21489' });
it.fixme(browserName === 'webkit' && platform === 'win32');
await page.goto(server.EMPTY_PAGE);
const events = await page.evaluate(async () => {
const events: string[] = [];
const xhr = new XMLHttpRequest();
xhr.upload.addEventListener('loadstart', () => events.push('loadstart'));
xhr.upload.addEventListener('progress', () => events.push('progress'));
xhr.upload.addEventListener('load', () => events.push('load'));
xhr.upload.addEventListener('loadend', () => events.push('loadend'));
xhr.open('POST', '/simple.json');
xhr.send('hello');
await new Promise(f => xhr.onload = f);
return events;
});
expect(events).toEqual(['loadstart', 'progress', 'load', 'loadend']);
});