');
await page.click('text=Click target');
- expect(await page.evaluate(() => window.__CLICKED)).toBe(true);
+ expect(await page.evaluate('__CLICKED')).toBe(true);
});
it('should wait for BUTTON to be clickable when it has pointer-events:none', async({page, server}) => {
@@ -546,11 +546,11 @@ it('should wait for BUTTON to be clickable when it has pointer-events:none', asy
let done = false;
const clickPromise = page.click('text=Click target').then(() => done = true);
await giveItAChanceToClick(page);
- expect(await page.evaluate(() => window.__CLICKED)).toBe(undefined);
+ expect(await page.evaluate('window.__CLICKED')).toBe(undefined);
expect(done).toBe(false);
await page.evaluate(() => document.querySelector('button').style.removeProperty('pointer-events'));
await clickPromise;
- expect(await page.evaluate(() => window.__CLICKED)).toBe(true);
+ expect(await page.evaluate('__CLICKED')).toBe(true);
});
it('should wait for LABEL to be clickable when it has pointer-events:none', async({page, server}) => {
@@ -558,28 +558,28 @@ it('should wait for LABEL to be clickable when it has pointer-events:none', asyn
const clickPromise = page.click('text=Click target');
// Do a few roundtrips to the page.
for (let i = 0; i < 5; ++i)
- expect(await page.evaluate(() => window.__CLICKED)).toBe(undefined);
+ expect(await page.evaluate('window.__CLICKED')).toBe(undefined);
// remove `pointer-events: none` css from button.
await page.evaluate(() => document.querySelector('label').style.removeProperty('pointer-events'));
await clickPromise;
- expect(await page.evaluate(() => window.__CLICKED)).toBe(true);
+ expect(await page.evaluate('__CLICKED')).toBe(true);
});
it('should update modifiers correctly', async({page, server}) => {
await page.goto(server.PREFIX + '/input/button.html');
await page.click('button', { modifiers: ['Shift'] });
- expect(await page.evaluate(() => shiftKey)).toBe(true);
+ expect(await page.evaluate('shiftKey')).toBe(true);
await page.click('button', { modifiers: [] });
- expect(await page.evaluate(() => shiftKey)).toBe(false);
+ expect(await page.evaluate('shiftKey')).toBe(false);
await page.keyboard.down('Shift');
await page.click('button', { modifiers: [] });
- expect(await page.evaluate(() => shiftKey)).toBe(false);
+ expect(await page.evaluate('shiftKey')).toBe(false);
await page.click('button');
- expect(await page.evaluate(() => shiftKey)).toBe(true);
+ expect(await page.evaluate('shiftKey')).toBe(true);
await page.keyboard.up('Shift');
await page.click('button');
- expect(await page.evaluate(() => shiftKey)).toBe(false);
+ expect(await page.evaluate('shiftKey')).toBe(false);
});
it('should click an offscreen element when scroll-behavior is smooth', async({page}) => {
@@ -594,45 +594,45 @@ it('should click an offscreen element when scroll-behavior is smooth', async({pa
it('should report nice error when element is detached and force-clicked', async({page, server}) => {
await page.goto(server.PREFIX + '/input/animating-button.html');
- await page.evaluate(() => addButton());
+ await page.evaluate('addButton()');
const handle = await page.$('button');
- await page.evaluate(() => stopButton(true));
+ await page.evaluate('stopButton(true)');
const promise = handle.click({ force: true }).catch(e => e);
const error = await promise;
- expect(await page.evaluate(() => window.clicked)).toBe(undefined);
+ expect(await page.evaluate('window.clicked')).toBe(undefined);
expect(error.message).toContain('Element is not attached to the DOM');
});
it('should fail when element detaches after animation', async({page, server}) => {
await page.goto(server.PREFIX + '/input/animating-button.html');
- await page.evaluate(() => addButton());
+ await page.evaluate('addButton()');
const handle = await page.$('button');
const promise = handle.click().catch(e => e);
- await page.evaluate(() => stopButton(true));
+ await page.evaluate('stopButton(true)');
const error = await promise;
- expect(await page.evaluate(() => window.clicked)).toBe(undefined);
+ expect(await page.evaluate('window.clicked')).toBe(undefined);
expect(error.message).toContain('Element is not attached to the DOM');
});
it('should retry when element detaches after animation', async({page, server}) => {
await page.goto(server.PREFIX + '/input/animating-button.html');
- await page.evaluate(() => addButton());
+ await page.evaluate('addButton()');
let clicked = false;
const promise = page.click('button').then(() => clicked = true);
expect(clicked).toBe(false);
- expect(await page.evaluate(() => window.clicked)).toBe(undefined);
- await page.evaluate(() => stopButton(true));
- await page.evaluate(() => addButton());
+ expect(await page.evaluate('window.clicked')).toBe(undefined);
+ await page.evaluate('stopButton(true)');
+ await page.evaluate('addButton()');
expect(clicked).toBe(false);
- expect(await page.evaluate(() => window.clicked)).toBe(undefined);
- await page.evaluate(() => stopButton(true));
- await page.evaluate(() => addButton());
+ expect(await page.evaluate('window.clicked')).toBe(undefined);
+ await page.evaluate('stopButton(true)');
+ await page.evaluate('addButton()');
expect(clicked).toBe(false);
- expect(await page.evaluate(() => window.clicked)).toBe(undefined);
- await page.evaluate(() => stopButton(false));
+ expect(await page.evaluate('window.clicked')).toBe(undefined);
+ await page.evaluate('stopButton(false)');
await promise;
expect(clicked).toBe(true);
- expect(await page.evaluate(() => window.clicked)).toBe(true);
+ expect(await page.evaluate('clicked')).toBe(true);
});
it('should retry when element is animating from outside the viewport', async({page, server}) => {
@@ -660,7 +660,7 @@ it('should retry when element is animating from outside the viewport', async({pa
const promise = handle.click();
await handle.evaluate(button => button.className = 'animated');
await promise;
- expect(await page.evaluate(() => window.clicked)).toBe(true);
+ expect(await page.evaluate('clicked')).toBe(true);
});
it('should fail when element is animating from outside the viewport with force', async({page, server}) => {
@@ -688,7 +688,7 @@ it('should fail when element is animating from outside the viewport with force',
const promise = handle.click({ force: true }).catch(e => e);
await handle.evaluate(button => button.className = 'animated');
const error = await promise;
- expect(await page.evaluate(() => window.clicked)).toBe(undefined);
+ expect(await page.evaluate('window.clicked')).toBe(undefined);
expect(error.message).toContain('Element is outside of the viewport');
});
@@ -707,70 +707,17 @@ it('should dispatch microtasks in order', async({page, server}) => {
document.body.appendChild(document.createElement('div'));
});
button.addEventListener('mouseup', () => {
- window.result = mutationCount;
+ window['result'] = mutationCount;
});
`);
await page.click('button');
- expect(await page.evaluate(() => window.result)).toBe(1);
-});
-
-it.fail(true)('should retarget when element is recycled during hit testing', async ({page, server}) => {
- await page.goto(server.PREFIX + '/react.html');
- await page.evaluate(() => {
- renderComponent(e('div', {}, [e(MyButton, { name: 'button1' }), e(MyButton, { name: 'button2' })] ));
- });
- const __testHookAfterStable = () => page.evaluate(() => {
- window.counter = (window.counter || 0) + 1;
- if (window.counter === 1)
- renderComponent(e('div', {}, [e(MyButton, { name: 'button2' }), e(MyButton, { name: 'button1' })] ));
- });
- await page.click('text=button1', { __testHookAfterStable });
- expect(await page.evaluate(() => window.button1)).toBe(true);
- expect(await page.evaluate(() => window.button2)).toBe(undefined);
-});
-
-it.fail(true)('should retarget when element is recycled before enabled check', async ({page, server}) => {
- await page.goto(server.PREFIX + '/react.html');
- await page.evaluate(() => {
- renderComponent(e('div', {}, [e(MyButton, { name: 'button1' }), e(MyButton, { name: 'button2', disabled: true })] ));
- });
- const __testHookBeforeStable = () => page.evaluate(() => {
- window.counter = (window.counter || 0) + 1;
- if (window.counter === 1)
- renderComponent(e('div', {}, [e(MyButton, { name: 'button2', disabled: true }), e(MyButton, { name: 'button1' })] ));
- });
- await page.click('text=button1', { __testHookBeforeStable });
- expect(await page.evaluate(() => window.button1)).toBe(true);
- expect(await page.evaluate(() => window.button2)).toBe(undefined);
-});
-
-it('should not retarget when element changes on hover', async ({page, server}) => {
- await page.goto(server.PREFIX + '/react.html');
- await page.evaluate(() => {
- renderComponent(e('div', {}, [e(MyButton, { name: 'button1', renameOnHover: true }), e(MyButton, { name: 'button2' })] ));
- });
- await page.click('text=button1');
- expect(await page.evaluate(() => window.button1)).toBe(true);
- expect(await page.evaluate(() => window.button2)).toBe(undefined);
-});
-
-it('should not retarget when element is recycled on hover', async ({page, server}) => {
- await page.goto(server.PREFIX + '/react.html');
- await page.evaluate(() => {
- function shuffle() {
- renderComponent(e('div', {}, [e(MyButton, { name: 'button2' }), e(MyButton, { name: 'button1' })] ));
- }
- renderComponent(e('div', {}, [e(MyButton, { name: 'button1', onHover: shuffle }), e(MyButton, { name: 'button2' })] ));
- });
- await page.click('text=button1');
- expect(await page.evaluate(() => window.button1)).toBe(undefined);
- expect(await page.evaluate(() => window.button2)).toBe(true);
+ expect(await page.evaluate(() => window['result'])).toBe(1);
});
it('should click the button when window.innerWidth is corrupted', async({page, server}) => {
await page.goto(server.PREFIX + '/input/button.html');
- await page.evaluate(() => window.innerWidth = 0);
+ await page.evaluate(() => Object.defineProperty(window, 'innerWidth', {value: 0}));
await page.click('button');
- expect(await page.evaluate(() => result)).toBe('Clicked');
+ expect(await page.evaluate('result')).toBe('Clicked');
});
diff --git a/test/defaultbrowsercontext.spec.js b/test/defaultbrowsercontext.spec.ts
similarity index 96%
rename from test/defaultbrowsercontext.spec.js
rename to test/defaultbrowsercontext.spec.ts
index 27373f8db0..865423265b 100644
--- a/test/defaultbrowsercontext.spec.js
+++ b/test/defaultbrowsercontext.spec.ts
@@ -15,14 +15,20 @@
* limitations under the License.
*/
-const fs = require('fs');
-const path = require('path');
-const utils = require('./utils');
-const os = require('os');
-
-const {mkdtempAsync, makeUserDataDir, removeUserDataDir} = utils;
+import fs from 'fs';
+import path from 'path';
+import utils from './utils';
+import os from 'os';
+import { BrowserType, Browser, BrowserContext, Page } from '..';
+const {removeFolderAsync, mkdtempAsync, removeUserDataDir, makeUserDataDir} = utils;
const {FFOX, MAC, CHROMIUM, WEBKIT, WIN, USES_HOOKS} = testOptions;
+declare global {
+ interface FixtureState {
+ userDataDir: string;
+ launchPersistent: (options?: Parameters
['launchPersistentContext']>[1]) => Promise<{context: BrowserContext, page: Page}>;
+ }
+}
registerFixture('userDataDir', async ({}, test) => {
const userDataDir = await mkdtempAsync(path.join(os.tmpdir(), 'playwright_dev_profile-'));
try {
@@ -173,7 +179,7 @@ it('should support bypassCSP option', async ({server, launchPersistent}) => {
const {page, context} = await launchPersistent({bypassCSP: true});
await page.goto(server.PREFIX + '/csp.html');
await page.addScriptTag({content: 'window.__injected = 42;'});
- expect(await page.evaluate(() => window.__injected)).toBe(42);
+ expect(await page.evaluate('__injected')).toBe(42);
});
it('should support javascriptEnabled option', async ({server, launchPersistent}) => {
diff --git a/test/download.spec.js b/test/download.spec.ts
similarity index 97%
rename from test/download.spec.js
rename to test/download.spec.ts
index d9aaa179c8..88d433725e 100644
--- a/test/download.spec.js
+++ b/test/download.spec.ts
@@ -14,14 +14,19 @@
* limitations under the License.
*/
-const fs = require('fs');
-const path = require('path');
-const util = require('util');
-const os = require('os');
-const {mkdtempAsync, removeFolderAsync} = require('./utils');
+import fs from 'fs';
+import path from 'path';
+import util from 'util';
+import os from 'os';
+import {mkdtempAsync, removeFolderAsync} from './utils';
const {FFOX, CHROMIUM, WEBKIT, HEADLESS} = testOptions;
+declare global {
+ interface FixtureState {
+ persistentDirectory: string;
+ }
+}
registerFixture('persistentDirectory', async ({}, test) => {
const persistentDirectory = await mkdtempAsync(path.join(os.tmpdir(), 'playwright-test-'));
try {
@@ -203,7 +208,7 @@ it('should report non-navigation downloads', async({browser, server}) => {
it(`should report download path within page.on('download', …) handler for Files`, async({browser, server}) => {
const page = await browser.newPage({ acceptDownloads: true });
- const onDownloadPath = new Promise((res) => {
+ const onDownloadPath = new Promise((res) => {
page.on('download', dl => {
dl.path().then(res);
});
@@ -216,7 +221,7 @@ it(`should report download path within page.on('download', …) handler for File
})
it(`should report download path within page.on('download', …) handler for Blobs`, async({browser, server}) => {
const page = await browser.newPage({ acceptDownloads: true });
- const onDownloadPath = new Promise((res) => {
+ const onDownloadPath = new Promise((res) => {
page.on('download', dl => {
dl.path().then(res);
});
diff --git a/test/downloads-path.spec.js b/test/downloads-path.spec.ts
similarity index 92%
rename from test/downloads-path.spec.js
rename to test/downloads-path.spec.ts
index 2807aeaf3a..74c7ccf0c8 100644
--- a/test/downloads-path.spec.js
+++ b/test/downloads-path.spec.ts
@@ -14,11 +14,19 @@
* limitations under the License.
*/
-const path = require('path');
-const fs = require('fs');
-const os = require('os');
-const {mkdtempAsync, removeFolderAsync} = require('./utils');
+import path from 'path';
+import fs from 'fs';
+import os from 'os';
+import {mkdtempAsync, removeFolderAsync} from './utils';
+import { Browser, BrowserContext } from '..';
+declare global {
+ interface FixtureState {
+ downloadsPath: string;
+ downloadsBrowser: Browser;
+ persistentDownloadsContext: BrowserContext;
+ }
+}
registerFixture('downloadsPath', async ({}, test) => {
const downloadsPath = await mkdtempAsync(path.join(os.tmpdir(), 'playwright-test-'));
try {
@@ -66,7 +74,6 @@ registerFixture('persistentDownloadsContext', async ({server, browserType, defau
await test(context);
} finally {
await context.close();
- await state.context.close();
await removeFolderAsync(userDataDir);
}
});
@@ -80,7 +87,7 @@ it('should keep downloadsPath folder', async({downloadsBrowser, downloadsPath, s
]);
expect(download.url()).toBe(`${server.PREFIX}/download`);
expect(download.suggestedFilename()).toBe(`file.txt`);
- await download.path().catch(e => error = e);
+ await download.path().catch(e => void 0);
await page.close();
await downloadsBrowser.close();
expect(fs.existsSync(downloadsPath)).toBeTruthy();
diff --git a/test/fixtures.spec.js b/test/fixtures.spec.ts
similarity index 92%
rename from test/fixtures.spec.js
rename to test/fixtures.spec.ts
index 60f1a5bfcc..b29fcb0ab2 100644
--- a/test/fixtures.spec.js
+++ b/test/fixtures.spec.ts
@@ -15,14 +15,21 @@
* limitations under the License.
*/
-const path = require('path');
-const {spawn, execSync} = require('child_process');
+import path from 'path';
+import {spawn, execSync} from 'child_process';
+import { BrowserType, Browser, LaunchOptions } from '..';
const {FFOX, CHROMIUM, WEBKIT, WIN, LINUX, HEADLESS} = testOptions;
const playwrightPath = path.join(__dirname, '..');
class Wrapper {
- constructor(browserType, defaultBrowserOptions, extraOptions) {
+ _output: Map;
+ _outputCallback: Map;
+ _browserType: BrowserType;
+ _child: import("child_process").ChildProcess;
+ _exitPromise: Promise;
+ _exitAndDisconnectPromise: Promise;
+ constructor(browserType: BrowserType, defaultBrowserOptions: LaunchOptions, extraOptions?: { stallOnClose: boolean; }) {
this._output = new Map();
this._outputCallback = new Map();
@@ -91,6 +98,12 @@ class Wrapper {
}
}
+declare global {
+ interface FixtureState {
+ wrapper: Wrapper;
+ stallingWrapper: Wrapper;
+ }
+}
registerFixture('wrapper', async ({browserType, defaultBrowserOptions}, test) => {
const wrapper = new Wrapper(browserType, defaultBrowserOptions);
await wrapper.connect();
diff --git a/test/tsconfig.json b/test/tsconfig.json
index 90944c6e22..6ed2fc42d8 100644
--- a/test/tsconfig.json
+++ b/test/tsconfig.json
@@ -8,5 +8,5 @@
"strictNullChecks": false,
"allowSyntheticDefaultImports": true,
},
- "include": ["*.spec.js", "types.d.ts", "*.spec.ts"]
+ "include": ["**/*.spec.js", "types.d.ts", "**/*.spec.ts"]
}
\ No newline at end of file
diff --git a/test/types.d.ts b/test/types.d.ts
index 9c43704f74..aad38b51d4 100644
--- a/test/types.d.ts
+++ b/test/types.d.ts
@@ -1,8 +1,6 @@
type ServerResponse = import('http').ServerResponse;
type IncomingMessage = import('http').IncomingMessage;
-type Falsy = false|''|0|null|undefined;
-
type DescribeFunction = ((name: string, inner: () => void) => void) & {fail(condition: boolean): DescribeFunction};
type ItFunction = ((name: string, inner: (state: STATE) => Promise) => void) & {
@@ -12,48 +10,20 @@ type ItFunction = ((name: string, inner: (state: STATE) => Promise)
repeat(n: number): ItFunction;
};
-type TestRunner = {
- describe: DescribeFunction;
- xdescribe: DescribeFunction;
- fdescribe: DescribeFunction;
-
- it: ItFunction;
- xit: ItFunction;
- fit: ItFunction;
- dit: ItFunction;
-
- beforeAll, beforeEach, afterAll, afterEach;
-};
-
-interface TestSetup {
- testRunner: TestRunner;
- product: 'Chromium'|'Firefox'|'WebKit';
- selectors: import('../index').Selectors;
- playwrightPath;
-}
-
-type TestState = {
- server: TestServer;
- httpsServer: TestServer;
- sourceServer: TestServer;
-};
-
-type BrowserState = TestState & {
+interface FixtureState {
+ parallelIndex: number;
+ http_server: {server: TestServer, httpsServer: TestServer};
+ defaultBrowserOptions: import('../index').LaunchOptions;
playwright: typeof import('../index');
browserType: import('../index').BrowserType;
browser: import('../index').Browser;
- browserServer: import('../index').BrowserServer;
- defaultBrowserOptions: import('../index').LaunchOptions;
-};
-
-type PageState = BrowserState & {
+ toImpl: (rpcObject: any) => any;
context: import('../index').BrowserContext;
+ server: TestServer;
page: import('../index').Page;
-};
-type ChromiumPageState = PageState & {
- browser: import('../index').ChromiumBrowser;
-};
-
+ httpsServer: TestServer;
+ browserServer: import('../index').BrowserServer;
+}
interface TestServer {
enableHTTPCache(pathPrefix: string);
@@ -72,16 +42,33 @@ interface TestServer {
CROSS_PROCESS_PREFIX: string;
EMPTY_PAGE: string;
}
+declare module '' {
+ module 'expect/build/types' {
+ interface Matchers {
+ toBeGolden(name: string): R;
+ }
+ }
+}
+
+
+declare const expect: typeof import('expect');
+
declare const describe: DescribeFunction;
declare const fdescribe: DescribeFunction;
declare const xdescribe: DescribeFunction;
-declare const expect: typeof import('expect');
-declare const it: ItFunction;
-declare const fit: ItFunction;
-declare const dit: ItFunction;
-declare const xit: ItFunction;
+declare const it: ItFunction;
+declare const fit: ItFunction;
+declare const dit: ItFunction;
+declare const xit: ItFunction;
+declare const beforeEach: (inner: (state: FixtureState) => Promise) => void;
+declare const afterEach: (inner: (state: FixtureState) => Promise) => void;
+declare const beforeAll: (inner: (state: FixtureState) => Promise) => void;
+declare const afterAll: (inner: (state: FixtureState) => Promise) => void;
+
+declare const registerFixture: (name: T, inner: (state: FixtureState, test: (arg: FixtureState[T]) => Promise) => Promise) => void;
+
declare const browserType: import('../index').BrowserType;
// global variables in assets