test: add initial webview2 tests (#16827)
This commit is contained in:
parent
3f651d720a
commit
904801a5eb
48
.github/workflows/tests_webview2.yml
vendored
Normal file
48
.github/workflows/tests_webview2.yml
vendored
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
name: "WebView2 Tests"
|
||||||
|
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
branches:
|
||||||
|
- main
|
||||||
|
- release-*
|
||||||
|
pull_request:
|
||||||
|
paths-ignore:
|
||||||
|
- 'browser_patches/**'
|
||||||
|
- 'docs/**'
|
||||||
|
branches:
|
||||||
|
- main
|
||||||
|
- release-*
|
||||||
|
|
||||||
|
env:
|
||||||
|
# Force terminal colors. @see https://www.npmjs.com/package/colors
|
||||||
|
FORCE_COLOR: 1
|
||||||
|
FLAKINESS_CONNECTION_STRING: ${{ secrets.FLAKINESS_CONNECTION_STRING }}
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
test_webview2:
|
||||||
|
name: WebView2
|
||||||
|
runs-on: windows-2022
|
||||||
|
steps:
|
||||||
|
- uses: actions/checkout@v3
|
||||||
|
- uses: actions/setup-node@v3
|
||||||
|
with:
|
||||||
|
node-version: 18
|
||||||
|
- uses: actions/setup-dotnet@v2
|
||||||
|
with:
|
||||||
|
dotnet-version: '6.0.x'
|
||||||
|
- run: npm i -g npm@8
|
||||||
|
- run: npm ci
|
||||||
|
env:
|
||||||
|
PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
|
||||||
|
- run: npm run build
|
||||||
|
- run: dotnet build
|
||||||
|
working-directory: tests/webview2/webview2-app/
|
||||||
|
- run: npm run webview2test
|
||||||
|
- run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
|
||||||
|
if: always()
|
||||||
|
shell: bash
|
||||||
|
- uses: actions/upload-artifact@v1
|
||||||
|
if: always()
|
||||||
|
with:
|
||||||
|
name: webview2-test-results
|
||||||
|
path: test-results
|
||||||
|
|
@ -18,6 +18,7 @@
|
||||||
"wtest": "playwright test --config=tests/library/playwright.config.ts --project=webkit",
|
"wtest": "playwright test --config=tests/library/playwright.config.ts --project=webkit",
|
||||||
"atest": "playwright test --config=tests/android/playwright.config.ts",
|
"atest": "playwright test --config=tests/android/playwright.config.ts",
|
||||||
"etest": "playwright test --config=tests/electron/playwright.config.ts",
|
"etest": "playwright test --config=tests/electron/playwright.config.ts",
|
||||||
|
"webview2test": "playwright test --config=tests/webview2/playwright.config.ts",
|
||||||
"itest": "playwright test --config=tests/installation/playwright.config.ts",
|
"itest": "playwright test --config=tests/installation/playwright.config.ts",
|
||||||
"stest": "playwright test --config=tests/stress/playwright.config.ts",
|
"stest": "playwright test --config=tests/stress/playwright.config.ts",
|
||||||
"test-html-reporter": "playwright test --config=packages/html-reporter",
|
"test-html-reporter": "playwright test --config=packages/html-reporter",
|
||||||
|
|
|
||||||
|
|
@ -50,6 +50,7 @@ export const androidTest = baseTest.extend<PageTestFixtures, AndroidWorkerFixtur
|
||||||
|
|
||||||
isAndroid: [true, { scope: 'worker' }],
|
isAndroid: [true, { scope: 'worker' }],
|
||||||
isElectron: [false, { scope: 'worker' }],
|
isElectron: [false, { scope: 'worker' }],
|
||||||
|
isWebView2: [false, { scope: 'worker' }],
|
||||||
|
|
||||||
androidContext: [async ({ androidDevice }, run) => {
|
androidContext: [async ({ androidDevice }, run) => {
|
||||||
const context = await androidDevice.launchBrowser();
|
const context = await androidDevice.launchBrowser();
|
||||||
|
|
|
||||||
|
|
@ -81,6 +81,7 @@ const test = baseTest.extend<BrowserTestTestFixtures, BrowserTestWorkerFixtures>
|
||||||
|
|
||||||
isAndroid: [false, { scope: 'worker' }],
|
isAndroid: [false, { scope: 'worker' }],
|
||||||
isElectron: [false, { scope: 'worker' }],
|
isElectron: [false, { scope: 'worker' }],
|
||||||
|
isWebView2: [false, { scope: 'worker' }],
|
||||||
|
|
||||||
contextFactory: async ({ _contextFactory }: any, run) => {
|
contextFactory: async ({ _contextFactory }: any, run) => {
|
||||||
await run(_contextFactory);
|
await run(_contextFactory);
|
||||||
|
|
|
||||||
|
|
@ -43,8 +43,8 @@ it('should scroll into view', async ({ page, server, isAndroid }) => {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should scroll zero-sized element into view', async ({ page, isAndroid, isElectron, browserName, isMac }) => {
|
it('should scroll zero-sized element into view', async ({ page, isAndroid, isElectron, isWebView2, browserName, isMac }) => {
|
||||||
it.fixme(isAndroid || isElectron);
|
it.fixme(isAndroid || isElectron || isWebView2);
|
||||||
it.skip(browserName === 'webkit' && isMac && parseInt(os.release(), 10) < 20, 'WebKit for macOS 10.15 is frozen.');
|
it.skip(browserName === 'webkit' && isMac && parseInt(os.release(), 10) < 20, 'WebKit for macOS 10.15 is frozen.');
|
||||||
|
|
||||||
await page.setContent(`
|
await page.setContent(`
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,9 @@
|
||||||
|
|
||||||
import { test as it, expect } from './pageTest';
|
import { test as it, expect } from './pageTest';
|
||||||
|
|
||||||
it('should reject all promises when page is closed', async ({ page }) => {
|
it('should reject all promises when page is closed', async ({ page, isWebView2 }) => {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
let error = null;
|
let error = null;
|
||||||
await Promise.all([
|
await Promise.all([
|
||||||
page.evaluate(() => new Promise(r => {})).catch(e => error = e),
|
page.evaluate(() => new Promise(r => {})).catch(e => error = e),
|
||||||
|
|
@ -26,14 +28,17 @@ it('should reject all promises when page is closed', async ({ page }) => {
|
||||||
expect(error.message).toContain('Target closed');
|
expect(error.message).toContain('Target closed');
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should set the page close state', async ({ page }) => {
|
it('should set the page close state', async ({ page, isWebView2 }) => {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
expect(page.isClosed()).toBe(false);
|
expect(page.isClosed()).toBe(false);
|
||||||
await page.close();
|
await page.close();
|
||||||
expect(page.isClosed()).toBe(true);
|
expect(page.isClosed()).toBe(true);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should pass page to close event', async ({ page, isAndroid }) => {
|
it('should pass page to close event', async ({ page, isAndroid, isWebView2 }) => {
|
||||||
it.fixme(isAndroid);
|
it.fixme(isAndroid);
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
const [closedPage] = await Promise.all([
|
const [closedPage] = await Promise.all([
|
||||||
page.waitForEvent('close'),
|
page.waitForEvent('close'),
|
||||||
|
|
@ -42,8 +47,10 @@ it('should pass page to close event', async ({ page, isAndroid }) => {
|
||||||
expect(closedPage).toBe(page);
|
expect(closedPage).toBe(page);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should terminate network waiters', async ({ page, server, isAndroid }) => {
|
it('should terminate network waiters', async ({ page, server, isAndroid, isWebView2 }) => {
|
||||||
it.fixme(isAndroid);
|
it.fixme(isAndroid);
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
const results = await Promise.all([
|
const results = await Promise.all([
|
||||||
page.waitForRequest(server.EMPTY_PAGE).catch(e => e),
|
page.waitForRequest(server.EMPTY_PAGE).catch(e => e),
|
||||||
page.waitForResponse(server.EMPTY_PAGE).catch(e => e),
|
page.waitForResponse(server.EMPTY_PAGE).catch(e => e),
|
||||||
|
|
@ -56,7 +63,9 @@ it('should terminate network waiters', async ({ page, server, isAndroid }) => {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should be callable twice', async ({ page }) => {
|
it('should be callable twice', async ({ page, isWebView2 }) => {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
await Promise.all([
|
await Promise.all([
|
||||||
page.close(),
|
page.close(),
|
||||||
page.close(),
|
page.close(),
|
||||||
|
|
@ -90,7 +99,9 @@ it('should provide access to the opener page', async ({ page }) => {
|
||||||
expect(opener).toBe(page);
|
expect(opener).toBe(page);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should return null if parent page has been closed', async ({ page }) => {
|
it('should return null if parent page has been closed', async ({ page, isWebView2 }) => {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
const [popup] = await Promise.all([
|
const [popup] = await Promise.all([
|
||||||
page.waitForEvent('popup'),
|
page.waitForEvent('popup'),
|
||||||
page.evaluate(() => window.open('about:blank')),
|
page.evaluate(() => window.open('about:blank')),
|
||||||
|
|
@ -122,7 +133,8 @@ it('should pass self as argument to load event', async ({ page }) => {
|
||||||
expect(eventArg).toBe(page);
|
expect(eventArg).toBe(page);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should fail with error upon disconnect', async ({ page, isAndroid }) => {
|
it('should fail with error upon disconnect', async ({ page, isAndroid, isWebView2 }) => {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
it.fixme(isAndroid);
|
it.fixme(isAndroid);
|
||||||
|
|
||||||
let error;
|
let error;
|
||||||
|
|
@ -161,7 +173,9 @@ it('page.close should work with window.close', async function({ page }) {
|
||||||
await closedPromise;
|
await closedPromise;
|
||||||
});
|
});
|
||||||
|
|
||||||
it('page.close should work with page.close', async function({ page }) {
|
it('page.close should work with page.close', async function({ page, isWebView2 }) {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
const closedPromise = new Promise(x => page.on('close', x));
|
const closedPromise = new Promise(x => page.on('close', x));
|
||||||
await page.close();
|
await page.close();
|
||||||
await closedPromise;
|
await closedPromise;
|
||||||
|
|
|
||||||
|
|
@ -70,7 +70,9 @@ it('should click on a span with an inline element inside', async ({ page }) => {
|
||||||
expect(await page.evaluate('CLICKED')).toBe(42);
|
expect(await page.evaluate('CLICKED')).toBe(42);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should not throw UnhandledPromiseRejection when page closes', async ({ page }) => {
|
it('should not throw UnhandledPromiseRejection when page closes', async ({ page, isWebView2 }) => {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
await Promise.all([
|
await Promise.all([
|
||||||
page.close(),
|
page.close(),
|
||||||
page.mouse.click(1, 2),
|
page.mouse.click(1, 2),
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,8 @@
|
||||||
|
|
||||||
import { test as it, expect } from './pageTest';
|
import { test as it, expect } from './pageTest';
|
||||||
|
|
||||||
|
it.skip(({ isWebView2 }) => isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
it('should close page with active dialog', async ({ page }) => {
|
it('should close page with active dialog', async ({ page }) => {
|
||||||
await page.setContent(`<button onclick="setTimeout(() => alert(1))">alert</button>`);
|
await page.setContent(`<button onclick="setTimeout(() => alert(1))">alert</button>`);
|
||||||
page.click('button');
|
page.click('button');
|
||||||
|
|
|
||||||
|
|
@ -360,7 +360,7 @@ it('shuld properly serialize window.performance object', async ({ page }) => {
|
||||||
expect(await page.evaluate(() => performance)).toEqual({
|
expect(await page.evaluate(() => performance)).toEqual({
|
||||||
'navigation': {
|
'navigation': {
|
||||||
'redirectCount': 0,
|
'redirectCount': 0,
|
||||||
'type': 0
|
'type': expect.any(Number),
|
||||||
},
|
},
|
||||||
'timeOrigin': expect.any(Number),
|
'timeOrigin': expect.any(Number),
|
||||||
'timing': {
|
'timing': {
|
||||||
|
|
|
||||||
|
|
@ -68,9 +68,10 @@ it.describe('', () => {
|
||||||
expect(error.message).toContain('Navigation failed because page crashed');
|
expect(error.message).toContain('Navigation failed because page crashed');
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should be able to close context when page crashes', async ({ isAndroid, isElectron, page, toImpl, browserName, platform, mode }) => {
|
it('should be able to close context when page crashes', async ({ isAndroid, isElectron, isWebView2, page, toImpl, browserName, platform, mode }) => {
|
||||||
it.skip(isAndroid);
|
it.skip(isAndroid);
|
||||||
it.skip(isElectron);
|
it.skip(isElectron);
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
await page.setContent(`<div>This page should crash</div>`);
|
await page.setContent(`<div>This page should crash</div>`);
|
||||||
crash({ page, toImpl, browserName, platform, mode });
|
crash({ page, toImpl, browserName, platform, mode });
|
||||||
|
|
|
||||||
|
|
@ -144,7 +144,9 @@ it('should work with clicking target=_blank and rel=noopener', async ({ page, se
|
||||||
expect(await popup.evaluate(() => !!window.opener)).toBe(false);
|
expect(await popup.evaluate(() => !!window.opener)).toBe(false);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should not treat navigations as new popups', async ({ page, server }) => {
|
it('should not treat navigations as new popups', async ({ page, server, isWebView2 }) => {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
await page.goto(server.EMPTY_PAGE);
|
await page.goto(server.EMPTY_PAGE);
|
||||||
await page.setContent('<a target=_blank rel=noopener href="/one-style.html">yo</a>');
|
await page.setContent('<a target=_blank rel=noopener href="/one-style.html">yo</a>');
|
||||||
const [popup] = await Promise.all([
|
const [popup] = await Promise.all([
|
||||||
|
|
|
||||||
|
|
@ -221,8 +221,9 @@ it('exposeBindingHandle should throw for multiple arguments', async ({ page }) =
|
||||||
expect(error.message).toContain('exposeBindingHandle supports a single argument, 2 received');
|
expect(error.message).toContain('exposeBindingHandle supports a single argument, 2 received');
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should not result in unhandled rejection', async ({ page, isAndroid }) => {
|
it('should not result in unhandled rejection', async ({ page, isAndroid, isWebView2 }) => {
|
||||||
it.fixme(isAndroid);
|
it.fixme(isAndroid);
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
const closedPromise = page.waitForEvent('close');
|
const closedPromise = page.waitForEvent('close');
|
||||||
await page.exposeFunction('foo', async () => {
|
await page.exposeFunction('foo', async () => {
|
||||||
|
|
|
||||||
|
|
@ -115,7 +115,9 @@ it('should not allow changing protocol when overriding url', async ({ page, serv
|
||||||
expect(error.message).toContain('New URL must have same protocol as overridden URL');
|
expect(error.message).toContain('New URL must have same protocol as overridden URL');
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should not throw when continuing while page is closing', async ({ page, server }) => {
|
it('should not throw when continuing while page is closing', async ({ page, server, isWebView2 }) => {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
let done;
|
let done;
|
||||||
await page.route('**/*', async route => {
|
await page.route('**/*', async route => {
|
||||||
done = Promise.all([
|
done = Promise.all([
|
||||||
|
|
@ -128,7 +130,9 @@ it('should not throw when continuing while page is closing', async ({ page, serv
|
||||||
expect(error).toBeInstanceOf(Error);
|
expect(error).toBeInstanceOf(Error);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should not throw when continuing after page is closed', async ({ page, server }) => {
|
it('should not throw when continuing after page is closed', async ({ page, server, isWebView2 }) => {
|
||||||
|
it.skip(isWebView2, 'Page.close() is not supported in WebView2');
|
||||||
|
|
||||||
let done;
|
let done;
|
||||||
await page.route('**/*', async route => {
|
await page.route('**/*', async route => {
|
||||||
await page.close();
|
await page.close();
|
||||||
|
|
|
||||||
|
|
@ -274,9 +274,10 @@ it.describe('page screenshot', () => {
|
||||||
expect(screenshot).toMatchSnapshot('screenshot-canvas.png', { threshold: 0.4 });
|
expect(screenshot).toMatchSnapshot('screenshot-canvas.png', { threshold: 0.4 });
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should capture canvas changes', async ({ page, isElectron, browserName, isMac }) => {
|
it('should capture canvas changes', async ({ page, isElectron, browserName, isMac, isWebView2 }) => {
|
||||||
it.fixme(browserName === 'webkit' && isMac, 'https://github.com/microsoft/playwright/issues/8796,https://github.com/microsoft/playwright/issues/16180');
|
it.fixme(browserName === 'webkit' && isMac, 'https://github.com/microsoft/playwright/issues/8796,https://github.com/microsoft/playwright/issues/16180');
|
||||||
it.skip(isElectron);
|
it.skip(isElectron);
|
||||||
|
it.skip(isWebView2);
|
||||||
await page.goto('data:text/html,<canvas></canvas>');
|
await page.goto('data:text/html,<canvas></canvas>');
|
||||||
await page.evaluate(() => {
|
await page.evaluate(() => {
|
||||||
const canvas = document.querySelector('canvas');
|
const canvas = document.querySelector('canvas');
|
||||||
|
|
|
||||||
|
|
@ -20,6 +20,7 @@ import type { TestModeTestFixtures, TestModeWorkerFixtures, TestModeWorkerOption
|
||||||
import { androidTest } from '../android/androidTest';
|
import { androidTest } from '../android/androidTest';
|
||||||
import { browserTest } from '../config/browserTest';
|
import { browserTest } from '../config/browserTest';
|
||||||
import { electronTest } from '../electron/electronTest';
|
import { electronTest } from '../electron/electronTest';
|
||||||
|
import { webView2Test } from '../webview2/webView2Test';
|
||||||
import type { PageTestFixtures, PageWorkerFixtures } from './pageTestApi';
|
import type { PageTestFixtures, PageWorkerFixtures } from './pageTestApi';
|
||||||
import type { ServerFixtures, ServerWorkerOptions } from '../config/serverFixtures';
|
import type { ServerFixtures, ServerWorkerOptions } from '../config/serverFixtures';
|
||||||
export { expect } from '@playwright/test';
|
export { expect } from '@playwright/test';
|
||||||
|
|
@ -30,5 +31,7 @@ if (process.env.PWPAGE_IMPL === 'android')
|
||||||
impl = androidTest;
|
impl = androidTest;
|
||||||
if (process.env.PWPAGE_IMPL === 'electron')
|
if (process.env.PWPAGE_IMPL === 'electron')
|
||||||
impl = electronTest;
|
impl = electronTest;
|
||||||
|
if (process.env.PWPAGE_IMPL === 'webview2')
|
||||||
|
impl = webView2Test;
|
||||||
|
|
||||||
export const test = impl;
|
export const test = impl;
|
||||||
|
|
|
||||||
|
|
@ -33,4 +33,5 @@ export type PageWorkerFixtures = {
|
||||||
browserMajorVersion: number;
|
browserMajorVersion: number;
|
||||||
isAndroid: boolean;
|
isAndroid: boolean;
|
||||||
isElectron: boolean;
|
isElectron: boolean;
|
||||||
|
isWebView2: boolean;
|
||||||
};
|
};
|
||||||
|
|
|
||||||
38
tests/webview2/globalSetup.ts
Normal file
38
tests/webview2/globalSetup.ts
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
/**
|
||||||
|
* 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.
|
||||||
|
*/
|
||||||
|
import path from 'path';
|
||||||
|
import childProcess from 'child_process';
|
||||||
|
import playwright from 'playwright';
|
||||||
|
|
||||||
|
export default async () => {
|
||||||
|
const cdpPort = 9876;
|
||||||
|
const spawnedProcess = childProcess.spawn(path.join(__dirname, 'webview2-app/bin/Debug/net6.0-windows/webview2.exe'), {
|
||||||
|
shell: true,
|
||||||
|
env: {
|
||||||
|
...process.env,
|
||||||
|
WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS: `--remote-debugging-port=${cdpPort}`,
|
||||||
|
}
|
||||||
|
});
|
||||||
|
await new Promise<void>(resolve => spawnedProcess.stdout.on('data', (data: Buffer): void => {
|
||||||
|
if (data.toString().includes('WebView2 initialized'))
|
||||||
|
resolve();
|
||||||
|
}));
|
||||||
|
const browser = await playwright.chromium.connectOverCDP(`http://127.0.0.1:${cdpPort}`);
|
||||||
|
const chromeVersion = await browser.contexts()[0].pages()[0].evaluate(() => navigator.userAgent.match(/Chrome\/(.*?) /)[1]);
|
||||||
|
process.env.PWTEST_WEBVIEW2_CHROMIUM_VERSION = chromeVersion;
|
||||||
|
await browser.close();
|
||||||
|
childProcess.spawnSync(`taskkill /pid ${spawnedProcess.pid} /T /F`, { shell: true });
|
||||||
|
};
|
||||||
64
tests/webview2/playwright.config.ts
Normal file
64
tests/webview2/playwright.config.ts
Normal file
|
|
@ -0,0 +1,64 @@
|
||||||
|
/**
|
||||||
|
* 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.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { config as loadEnv } from 'dotenv';
|
||||||
|
loadEnv({ path: path.join(__dirname, '..', '..', '.env') });
|
||||||
|
|
||||||
|
import type { Config, PlaywrightTestOptions, PlaywrightWorkerOptions } from '@playwright/test';
|
||||||
|
import * as path from 'path';
|
||||||
|
import type { CoverageWorkerOptions } from '../config/coverageFixtures';
|
||||||
|
|
||||||
|
process.env.PWPAGE_IMPL = 'webview2';
|
||||||
|
|
||||||
|
const outputDir = path.join(__dirname, '..', '..', 'test-results');
|
||||||
|
const testDir = path.join(__dirname, '..');
|
||||||
|
const config: Config<CoverageWorkerOptions & PlaywrightWorkerOptions & PlaywrightTestOptions> = {
|
||||||
|
testDir,
|
||||||
|
outputDir,
|
||||||
|
timeout: 30000,
|
||||||
|
globalTimeout: 5400000,
|
||||||
|
workers: process.env.CI ? 1 : undefined,
|
||||||
|
forbidOnly: !!process.env.CI,
|
||||||
|
preserveOutput: process.env.CI ? 'failures-only' : 'always',
|
||||||
|
retries: process.env.CI ? 3 : 0,
|
||||||
|
reporter: process.env.CI ? [
|
||||||
|
['dot'],
|
||||||
|
['json', { outputFile: path.join(outputDir, 'report.json') }],
|
||||||
|
] : 'line',
|
||||||
|
projects: [],
|
||||||
|
globalSetup: './globalSetup.ts',
|
||||||
|
};
|
||||||
|
|
||||||
|
const metadata = {
|
||||||
|
platform: process.platform,
|
||||||
|
headful: true,
|
||||||
|
browserName: 'webview2',
|
||||||
|
channel: undefined,
|
||||||
|
mode: 'default',
|
||||||
|
video: false,
|
||||||
|
};
|
||||||
|
|
||||||
|
config.projects.push({
|
||||||
|
name: 'chromium', // We use 'chromium' here to share screenshots with chromium.
|
||||||
|
use: {
|
||||||
|
browserName: 'chromium',
|
||||||
|
coverageName: 'webview2',
|
||||||
|
},
|
||||||
|
testDir: path.join(testDir, 'page'),
|
||||||
|
metadata,
|
||||||
|
});
|
||||||
|
|
||||||
|
export default config;
|
||||||
55
tests/webview2/webView2Test.ts
Normal file
55
tests/webview2/webView2Test.ts
Normal file
|
|
@ -0,0 +1,55 @@
|
||||||
|
/**
|
||||||
|
* 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.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { baseTest } from '../config/baseTest';
|
||||||
|
import fs from 'fs';
|
||||||
|
import os from 'os';
|
||||||
|
import path from 'path';
|
||||||
|
import type { PageTestFixtures, PageWorkerFixtures } from '../page/pageTestApi';
|
||||||
|
import type { TraceViewerFixtures } from '../config/traceViewerFixtures';
|
||||||
|
import { traceViewerFixtures } from '../config/traceViewerFixtures';
|
||||||
|
export { expect } from '@playwright/test';
|
||||||
|
import { TestChildProcess } from '../config/commonFixtures';
|
||||||
|
import { DEFAULT_ARGS } from '../../packages/playwright-core/lib/server/chromium/chromium';
|
||||||
|
|
||||||
|
export const webView2Test = baseTest.extend<TraceViewerFixtures>(traceViewerFixtures).extend<PageTestFixtures, PageWorkerFixtures>({
|
||||||
|
browserVersion: [process.env.PWTEST_WEBVIEW2_CHROMIUM_VERSION, { scope: 'worker' }],
|
||||||
|
browserMajorVersion: [({ browserVersion }, use) => use(Number(browserVersion.split('.')[0])), { scope: 'worker' }],
|
||||||
|
isAndroid: [false, { scope: 'worker' }],
|
||||||
|
isElectron: [false, { scope: 'worker' }],
|
||||||
|
isWebView2: [true, { scope: 'worker' }],
|
||||||
|
|
||||||
|
browser: [async ({ playwright }, use, testInfo) => {
|
||||||
|
const cdpPort = 10000 + testInfo.workerIndex;
|
||||||
|
const spawnedProcess = new TestChildProcess({
|
||||||
|
command: [path.join(__dirname, 'webview2-app/bin/Debug/net6.0-windows/webview2.exe')],
|
||||||
|
shell: true,
|
||||||
|
env: {
|
||||||
|
...process.env,
|
||||||
|
WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS: `--remote-debugging-port=${cdpPort} ${DEFAULT_ARGS.join(' ')}`,
|
||||||
|
WEBVIEW2_USER_DATA_FOLDER: path.join(fs.realpathSync.native(os.tmpdir()), `playwright-webview2-tests/user-data-dir-${testInfo.workerIndex}`),
|
||||||
|
}
|
||||||
|
});
|
||||||
|
await new Promise<void>(resolve => spawnedProcess.process.stdout.on('data', data => {
|
||||||
|
if (data.toString().includes('WebView2 initialized'))
|
||||||
|
resolve();
|
||||||
|
}));
|
||||||
|
const browser = await playwright.chromium.connectOverCDP(`http://127.0.0.1:${cdpPort}`);
|
||||||
|
await use(browser);
|
||||||
|
await browser.close();
|
||||||
|
await spawnedProcess.close();
|
||||||
|
}, { scope: 'worker' }],
|
||||||
|
});
|
||||||
3
tests/webview2/webview2-app/.gitignore
vendored
Normal file
3
tests/webview2/webview2-app/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
obj/
|
||||||
|
bin/
|
||||||
|
.vs/
|
||||||
64
tests/webview2/webview2-app/Form1.Designer.cs
generated
Normal file
64
tests/webview2/webview2-app/Form1.Designer.cs
generated
Normal file
|
|
@ -0,0 +1,64 @@
|
||||||
|
namespace webview2;
|
||||||
|
|
||||||
|
partial class Form1
|
||||||
|
{
|
||||||
|
/// <summary>
|
||||||
|
/// Required designer variable.
|
||||||
|
/// </summary>
|
||||||
|
private System.ComponentModel.IContainer components = null;
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Clean up any resources being used.
|
||||||
|
/// </summary>
|
||||||
|
/// <param name="disposing">true if managed resources should be disposed; otherwise, false.</param>
|
||||||
|
protected override void Dispose(bool disposing)
|
||||||
|
{
|
||||||
|
if (disposing && (components != null))
|
||||||
|
{
|
||||||
|
components.Dispose();
|
||||||
|
}
|
||||||
|
base.Dispose(disposing);
|
||||||
|
}
|
||||||
|
|
||||||
|
#region Windows Form Designer generated code
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Required method for Designer support - do not modify
|
||||||
|
/// the contents of this method with the code editor.
|
||||||
|
/// </summary>
|
||||||
|
private void InitializeComponent()
|
||||||
|
{
|
||||||
|
this.webView = new Microsoft.Web.WebView2.WinForms.WebView2();
|
||||||
|
((System.ComponentModel.ISupportInitialize)(this.webView)).BeginInit();
|
||||||
|
this.SuspendLayout();
|
||||||
|
//
|
||||||
|
// webView
|
||||||
|
//
|
||||||
|
this.webView.AllowExternalDrop = true;
|
||||||
|
this.webView.CreationProperties = null;
|
||||||
|
this.webView.DefaultBackgroundColor = System.Drawing.Color.White;
|
||||||
|
this.webView.Dock = System.Windows.Forms.DockStyle.Fill;
|
||||||
|
this.webView.Location = new System.Drawing.Point(0, 0);
|
||||||
|
this.webView.Name = "webView";
|
||||||
|
this.webView.Size = new System.Drawing.Size(1280, 720);
|
||||||
|
this.webView.Source = new System.Uri("about:blank", System.UriKind.Absolute);
|
||||||
|
this.webView.TabIndex = 0;
|
||||||
|
this.webView.ZoomFactor = 1D;
|
||||||
|
//
|
||||||
|
// Form1
|
||||||
|
//
|
||||||
|
this.AutoScaleDimensions = new System.Drawing.SizeF(7F, 15F);
|
||||||
|
this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
|
||||||
|
this.ClientSize = new System.Drawing.Size(1280, 720);
|
||||||
|
this.Controls.Add(this.webView);
|
||||||
|
this.Name = "Form1";
|
||||||
|
this.Text = "Playwright WebView2";
|
||||||
|
((System.ComponentModel.ISupportInitialize)(this.webView)).EndInit();
|
||||||
|
this.ResumeLayout(false);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#endregion
|
||||||
|
|
||||||
|
private Microsoft.Web.WebView2.WinForms.WebView2 webView;
|
||||||
|
}
|
||||||
14
tests/webview2/webview2-app/Form1.cs
Normal file
14
tests/webview2/webview2-app/Form1.cs
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
namespace webview2;
|
||||||
|
|
||||||
|
public partial class Form1 : Form
|
||||||
|
{
|
||||||
|
public Form1()
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
this.webView.CoreWebView2InitializationCompleted += (_, e) =>
|
||||||
|
{
|
||||||
|
if (e.IsSuccess)
|
||||||
|
Console.WriteLine("WebView2 initialized");
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
60
tests/webview2/webview2-app/Form1.resx
Normal file
60
tests/webview2/webview2-app/Form1.resx
Normal file
|
|
@ -0,0 +1,60 @@
|
||||||
|
<root>
|
||||||
|
<xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
|
||||||
|
<xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
|
||||||
|
<xsd:element name="root" msdata:IsDataSet="true">
|
||||||
|
<xsd:complexType>
|
||||||
|
<xsd:choice maxOccurs="unbounded">
|
||||||
|
<xsd:element name="metadata">
|
||||||
|
<xsd:complexType>
|
||||||
|
<xsd:sequence>
|
||||||
|
<xsd:element name="value" type="xsd:string" minOccurs="0" />
|
||||||
|
</xsd:sequence>
|
||||||
|
<xsd:attribute name="name" use="required" type="xsd:string" />
|
||||||
|
<xsd:attribute name="type" type="xsd:string" />
|
||||||
|
<xsd:attribute name="mimetype" type="xsd:string" />
|
||||||
|
<xsd:attribute ref="xml:space" />
|
||||||
|
</xsd:complexType>
|
||||||
|
</xsd:element>
|
||||||
|
<xsd:element name="assembly">
|
||||||
|
<xsd:complexType>
|
||||||
|
<xsd:attribute name="alias" type="xsd:string" />
|
||||||
|
<xsd:attribute name="name" type="xsd:string" />
|
||||||
|
</xsd:complexType>
|
||||||
|
</xsd:element>
|
||||||
|
<xsd:element name="data">
|
||||||
|
<xsd:complexType>
|
||||||
|
<xsd:sequence>
|
||||||
|
<xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
|
||||||
|
<xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
|
||||||
|
</xsd:sequence>
|
||||||
|
<xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
|
||||||
|
<xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
|
||||||
|
<xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
|
||||||
|
<xsd:attribute ref="xml:space" />
|
||||||
|
</xsd:complexType>
|
||||||
|
</xsd:element>
|
||||||
|
<xsd:element name="resheader">
|
||||||
|
<xsd:complexType>
|
||||||
|
<xsd:sequence>
|
||||||
|
<xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
|
||||||
|
</xsd:sequence>
|
||||||
|
<xsd:attribute name="name" type="xsd:string" use="required" />
|
||||||
|
</xsd:complexType>
|
||||||
|
</xsd:element>
|
||||||
|
</xsd:choice>
|
||||||
|
</xsd:complexType>
|
||||||
|
</xsd:element>
|
||||||
|
</xsd:schema>
|
||||||
|
<resheader name="resmimetype">
|
||||||
|
<value>text/microsoft-resx</value>
|
||||||
|
</resheader>
|
||||||
|
<resheader name="version">
|
||||||
|
<value>2.0</value>
|
||||||
|
</resheader>
|
||||||
|
<resheader name="reader">
|
||||||
|
<value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
|
||||||
|
</resheader>
|
||||||
|
<resheader name="writer">
|
||||||
|
<value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
|
||||||
|
</resheader>
|
||||||
|
</root>
|
||||||
16
tests/webview2/webview2-app/Program.cs
Normal file
16
tests/webview2/webview2-app/Program.cs
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
namespace webview2;
|
||||||
|
|
||||||
|
static class Program
|
||||||
|
{
|
||||||
|
/// <summary>
|
||||||
|
/// The main entry point for the application.
|
||||||
|
/// </summary>
|
||||||
|
[STAThread]
|
||||||
|
static void Main()
|
||||||
|
{
|
||||||
|
// To customize application configuration such as set high DPI settings or default font,
|
||||||
|
// see https://aka.ms/applicationconfiguration.
|
||||||
|
ApplicationConfiguration.Initialize();
|
||||||
|
Application.Run(new Form1());
|
||||||
|
}
|
||||||
|
}
|
||||||
15
tests/webview2/webview2-app/webview2.csproj
Normal file
15
tests/webview2/webview2-app/webview2.csproj
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
<Project Sdk="Microsoft.NET.Sdk">
|
||||||
|
|
||||||
|
<PropertyGroup>
|
||||||
|
<OutputType>WinExe</OutputType>
|
||||||
|
<TargetFramework>net6.0-windows</TargetFramework>
|
||||||
|
<Nullable>enable</Nullable>
|
||||||
|
<UseWindowsForms>true</UseWindowsForms>
|
||||||
|
<ImplicitUsings>enable</ImplicitUsings>
|
||||||
|
</PropertyGroup>
|
||||||
|
|
||||||
|
<ItemGroup>
|
||||||
|
<PackageReference Include="Microsoft.Web.WebView2" Version="1.0.1293.44" />
|
||||||
|
</ItemGroup>
|
||||||
|
|
||||||
|
</Project>
|
||||||
8
tests/webview2/webview2-app/webview2.csproj.user
Normal file
8
tests/webview2/webview2-app/webview2.csproj.user
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
|
||||||
|
<ItemGroup>
|
||||||
|
<Compile Update="Form1.cs">
|
||||||
|
<SubType>Form</SubType>
|
||||||
|
</Compile>
|
||||||
|
</ItemGroup>
|
||||||
|
</Project>
|
||||||
Loading…
Reference in a new issue