mirror of
https://github.com/microsoft/playwright.git
synced 2024-12-15 14:11:50 +03:00
06b0619260
On a slow page that does a lot of things before navigating upon click, it is common to move mouse away from the click point. Previously, we would commit the click action and record a `page.goto()` for the navigation. Now we attribute any signals, even after accidental mouse move, to the previous action, in the 5-seconds time window.
622 lines
22 KiB
TypeScript
622 lines
22 KiB
TypeScript
/**
|
|
* 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 { test, expect } from '../config/cliTest';
|
|
import * as http from 'http';
|
|
import * as url from 'url';
|
|
|
|
test.describe('cli codegen', () => {
|
|
test.beforeEach(async ({ mode }) => {
|
|
test.skip(mode !== 'default');
|
|
});
|
|
|
|
test('should contain open page', async ({ openRecorder }) => {
|
|
const recorder = await openRecorder();
|
|
|
|
await recorder.setContentAndWait(``);
|
|
const sources = await recorder.waitForOutput('<javascript>', `page.goto`);
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Open new page
|
|
const page = await context.newPage();`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Open new page
|
|
Page page = context.newPage();`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Open new page
|
|
page = context.new_page()`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Open new page
|
|
page = await context.new_page()`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Open new page
|
|
var page = await context.NewPageAsync();`);
|
|
});
|
|
|
|
test('should contain second page', async ({ openRecorder, page }) => {
|
|
const recorder = await openRecorder();
|
|
|
|
await recorder.setContentAndWait(``);
|
|
await page.context().newPage();
|
|
const sources = await recorder.waitForOutput('<javascript>', 'page1');
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Open new page
|
|
const page1 = await context.newPage();`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Open new page
|
|
Page page1 = context.newPage();`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Open new page
|
|
page1 = context.new_page()`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Open new page
|
|
page1 = await context.new_page()`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Open new page
|
|
var page1 = await context.NewPageAsync();`);
|
|
});
|
|
|
|
test('should contain close page', async ({ openRecorder, page }) => {
|
|
const recorder = await openRecorder();
|
|
|
|
await recorder.setContentAndWait(``);
|
|
await page.context().newPage();
|
|
await recorder.page.close();
|
|
const sources = await recorder.waitForOutput('<javascript>', 'page.close();');
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
await page.close();`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
page.close();`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
page.close()`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
await page.close()`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
await page.CloseAsync();`);
|
|
});
|
|
|
|
test('should not lead to an error if html gets clicked', async ({ page, openRecorder }) => {
|
|
const recorder = await openRecorder();
|
|
|
|
await recorder.setContentAndWait('');
|
|
await page.context().newPage();
|
|
const errors: any[] = [];
|
|
recorder.page.on('pageerror', e => errors.push(e));
|
|
await recorder.page.evaluate(() => document.querySelector('body').remove());
|
|
const selector = await recorder.hoverOverElement('html');
|
|
expect(selector).toBe('html');
|
|
await recorder.page.close();
|
|
await recorder.waitForOutput('<javascript>', 'page.close();');
|
|
expect(errors.length).toBe(0);
|
|
});
|
|
|
|
test('should upload a single file', async ({ page, openRecorder, browserName, asset }) => {
|
|
test.fixme(browserName === 'firefox', 'Hangs');
|
|
|
|
const recorder = await openRecorder();
|
|
await recorder.setContentAndWait(`
|
|
<form>
|
|
<input type="file">
|
|
</form>
|
|
`);
|
|
|
|
await page.focus('input[type=file]');
|
|
await page.setInputFiles('input[type=file]', asset('file-to-upload.txt'));
|
|
await page.click('input[type=file]');
|
|
|
|
const sources = await recorder.waitForOutput('<javascript>', 'setInputFiles');
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Upload file-to-upload.txt
|
|
await page.setInputFiles('input[type="file"]', 'file-to-upload.txt');`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Upload file-to-upload.txt
|
|
page.setInputFiles("input[type=\\\"file\\\"]", Paths.get("file-to-upload.txt"));`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Upload file-to-upload.txt
|
|
page.set_input_files(\"input[type=\\\"file\\\"]\", \"file-to-upload.txt\")`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Upload file-to-upload.txt
|
|
await page.set_input_files(\"input[type=\\\"file\\\"]\", \"file-to-upload.txt\")`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Upload file-to-upload.txt
|
|
await page.SetInputFilesAsync(\"input[type=\\\"file\\\"]\", \"file-to-upload.txt\");`);
|
|
|
|
});
|
|
|
|
test('should upload multiple files', async ({ page, openRecorder, browserName, asset }) => {
|
|
test.fixme(browserName === 'firefox', 'Hangs');
|
|
|
|
const recorder = await openRecorder();
|
|
await recorder.setContentAndWait(`
|
|
<form>
|
|
<input type="file" multiple>
|
|
</form>
|
|
`);
|
|
|
|
await page.focus('input[type=file]');
|
|
await page.setInputFiles('input[type=file]', [asset('file-to-upload.txt'), asset('file-to-upload-2.txt')]);
|
|
await page.click('input[type=file]');
|
|
|
|
const sources = await recorder.waitForOutput('<javascript>', 'setInputFiles');
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Upload file-to-upload.txt, file-to-upload-2.txt
|
|
await page.setInputFiles('input[type=\"file\"]', ['file-to-upload.txt', 'file-to-upload-2.txt']);`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Upload file-to-upload.txt, file-to-upload-2.txt
|
|
page.setInputFiles("input[type=\\\"file\\\"]", new Path[] {Paths.get("file-to-upload.txt"), Paths.get("file-to-upload-2.txt")});`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Upload file-to-upload.txt, file-to-upload-2.txt
|
|
page.set_input_files(\"input[type=\\\"file\\\"]\", [\"file-to-upload.txt\", \"file-to-upload-2.txt\"]`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Upload file-to-upload.txt, file-to-upload-2.txt
|
|
await page.set_input_files(\"input[type=\\\"file\\\"]\", [\"file-to-upload.txt\", \"file-to-upload-2.txt\"]`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Upload file-to-upload.txt, file-to-upload-2.txt
|
|
await page.SetInputFilesAsync(\"input[type=\\\"file\\\"]\", new[] { \"file-to-upload.txt\", \"file-to-upload-2.txt\" });`);
|
|
});
|
|
|
|
test('should clear files', async ({ page, openRecorder, browserName, asset }) => {
|
|
test.fixme(browserName === 'firefox', 'Hangs');
|
|
|
|
const recorder = await openRecorder();
|
|
await recorder.setContentAndWait(`
|
|
<form>
|
|
<input type="file" multiple>
|
|
</form>
|
|
`);
|
|
await page.focus('input[type=file]');
|
|
await page.setInputFiles('input[type=file]', asset('file-to-upload.txt'));
|
|
await page.setInputFiles('input[type=file]', []);
|
|
await page.click('input[type=file]');
|
|
|
|
const sources = await recorder.waitForOutput('<javascript>', 'setInputFiles');
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Clear selected files
|
|
await page.setInputFiles('input[type=\"file\"]', []);`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Clear selected files
|
|
page.setInputFiles("input[type=\\\"file\\\"]", new Path[0]);`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Clear selected files
|
|
page.set_input_files(\"input[type=\\\"file\\\"]\", []`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Clear selected files
|
|
await page.set_input_files(\"input[type=\\\"file\\\"]\", []`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Clear selected files
|
|
await page.SetInputFilesAsync(\"input[type=\\\"file\\\"]\", new[] { });`);
|
|
|
|
});
|
|
|
|
test('should download files', async ({ page, openRecorder, httpServer }) => {
|
|
const recorder = await openRecorder();
|
|
|
|
httpServer.setHandler((req: http.IncomingMessage, res: http.ServerResponse) => {
|
|
const pathName = url.parse(req.url!).path;
|
|
if (pathName === '/download') {
|
|
res.setHeader('Content-Type', 'application/octet-stream');
|
|
res.setHeader('Content-Disposition', 'attachment; filename=file.txt');
|
|
res.end(`Hello world`);
|
|
} else {
|
|
res.setHeader('Content-Type', 'text/html; charset=utf-8');
|
|
res.end('');
|
|
}
|
|
});
|
|
await recorder.setContentAndWait(`
|
|
<a href="${httpServer.PREFIX}/download" download>Download</a>
|
|
`, httpServer.PREFIX);
|
|
await recorder.hoverOverElement('text=Download');
|
|
await Promise.all([
|
|
page.waitForEvent('download'),
|
|
page.click('text=Download')
|
|
]);
|
|
const sources = await recorder.waitForOutput('<javascript>', 'waitForEvent');
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Click text=Download
|
|
const [download] = await Promise.all([
|
|
page.waitForEvent('download'),
|
|
page.click('text=Download')
|
|
]);`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Click text=Download
|
|
Download download = page.waitForDownload(() -> {
|
|
page.click("text=Download");
|
|
});`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Click text=Download
|
|
with page.expect_download() as download_info:
|
|
page.click(\"text=Download\")
|
|
download = download_info.value`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Click text=Download
|
|
async with page.expect_download() as download_info:
|
|
await page.click(\"text=Download\")
|
|
download = await download_info.value`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Click text=Download
|
|
var downloadTask = page.WaitForEventAsync(PageEvent.Download);
|
|
await Task.WhenAll(
|
|
downloadTask,
|
|
page.ClickAsync(\"text=Download\"));`);
|
|
});
|
|
|
|
test('should handle dialogs', async ({ page, openRecorder }) => {
|
|
const recorder = await openRecorder();
|
|
|
|
await recorder.setContentAndWait(`
|
|
<button onclick="alert()">click me</button>
|
|
`);
|
|
await recorder.hoverOverElement('button');
|
|
page.once('dialog', async dialog => {
|
|
await dialog.dismiss();
|
|
});
|
|
await page.click('text=click me');
|
|
|
|
const sources = await recorder.waitForOutput('<javascript>', 'once');
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Click text=click me
|
|
page.once('dialog', dialog => {
|
|
console.log(\`Dialog message: \${dialog.message()}\`);
|
|
dialog.dismiss().catch(() => {});
|
|
});
|
|
await page.click('text=click me');`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Click text=click me
|
|
page.onceDialog(dialog -> {
|
|
System.out.println(String.format("Dialog message: %s", dialog.message()));
|
|
dialog.dismiss();
|
|
});
|
|
page.click("text=click me");`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Click text=click me
|
|
page.once(\"dialog\", lambda dialog: dialog.dismiss())
|
|
page.click(\"text=click me\")`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Click text=click me
|
|
page.once(\"dialog\", lambda dialog: dialog.dismiss())
|
|
await page.click(\"text=click me\")`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Click text=click me
|
|
void page_Dialog1_EventHandler(object sender, DialogEventArgs e)
|
|
{
|
|
Console.WriteLine($\"Dialog message: {e.Dialog.Message}\");
|
|
e.Dialog.DismissAsync();
|
|
page.Dialog -= page_Dialog1_EventHandler;
|
|
}
|
|
page.Dialog += page_Dialog1_EventHandler;
|
|
await page.ClickAsync(\"text=click me\");`);
|
|
|
|
});
|
|
|
|
test('should handle history.postData', async ({ page, openRecorder, httpServer }) => {
|
|
const recorder = await openRecorder();
|
|
|
|
httpServer.setHandler((req: http.IncomingMessage, res: http.ServerResponse) => {
|
|
res.setHeader('Content-Type', 'text/html; charset=utf-8');
|
|
res.end('Hello world');
|
|
});
|
|
await recorder.setContentAndWait(`
|
|
<script>
|
|
let seqNum = 0;
|
|
function pushState() {
|
|
history.pushState({}, 'title', '${httpServer.PREFIX}/#seqNum=' + (++seqNum));
|
|
}
|
|
</script>`, httpServer.PREFIX);
|
|
for (let i = 1; i < 3; ++i) {
|
|
await page.evaluate('pushState()');
|
|
await recorder.waitForOutput('<javascript>', `await page.goto('${httpServer.PREFIX}/#seqNum=${i}');`);
|
|
}
|
|
});
|
|
|
|
test('should record open in a new tab with url', async ({ page, openRecorder, browserName, platform }) => {
|
|
test.fixme(browserName === 'webkit', 'Ctrl+click does not open in new tab on WebKit');
|
|
|
|
const recorder = await openRecorder();
|
|
await recorder.setContentAndWait(`<a href="about:blank?foo">link</a>`);
|
|
|
|
const selector = await recorder.hoverOverElement('a');
|
|
expect(selector).toBe('text=link');
|
|
|
|
await page.click('a', { modifiers: [ platform === 'darwin' ? 'Meta' : 'Control'] });
|
|
const sources = await recorder.waitForOutput('<javascript>', 'page1');
|
|
|
|
if (browserName === 'chromium') {
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Open new page
|
|
const page1 = await context.newPage();
|
|
page1.goto('about:blank?foo');`);
|
|
} else if (browserName === 'firefox') {
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Click text=link
|
|
const [page1] = await Promise.all([
|
|
page.waitForEvent('popup'),
|
|
page.click('text=link', {
|
|
modifiers: ['${platform === 'darwin' ? 'Meta' : 'Control'}']
|
|
})
|
|
]);`);
|
|
}
|
|
});
|
|
|
|
test('should not clash pages', async ({ page, openRecorder, browserName }) => {
|
|
test.fixme(browserName === 'firefox', 'Times out on Firefox, maybe the focus issue');
|
|
|
|
const recorder = await openRecorder();
|
|
const [popup1] = await Promise.all([
|
|
page.context().waitForEvent('page'),
|
|
page.evaluate(`window.open('about:blank')`)
|
|
]);
|
|
await recorder.setPageContentAndWait(popup1, '<input id=name>');
|
|
|
|
const [popup2] = await Promise.all([
|
|
page.context().waitForEvent('page'),
|
|
page.evaluate(`window.open('about:blank')`)
|
|
]);
|
|
await recorder.setPageContentAndWait(popup2, '<input id=name>');
|
|
|
|
await popup1.type('input', 'TextA');
|
|
await recorder.waitForOutput('<javascript>', 'TextA');
|
|
|
|
await popup2.type('input', 'TextB');
|
|
await recorder.waitForOutput('<javascript>', 'TextB');
|
|
|
|
const sources = recorder.sources();
|
|
expect(sources.get('<javascript>').text).toContain(`await page1.fill('input', 'TextA');`);
|
|
expect(sources.get('<javascript>').text).toContain(`await page2.fill('input', 'TextB');`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`page1.fill("input", "TextA");`);
|
|
expect(sources.get('<java>').text).toContain(`page2.fill("input", "TextB");`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`page1.fill(\"input\", \"TextA\")`);
|
|
expect(sources.get('<python>').text).toContain(`page2.fill(\"input\", \"TextB\")`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`await page1.fill(\"input\", \"TextA\")`);
|
|
expect(sources.get('<async python>').text).toContain(`await page2.fill(\"input\", \"TextB\")`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`await page1.FillAsync(\"input\", \"TextA\");`);
|
|
expect(sources.get('<csharp>').text).toContain(`await page2.FillAsync(\"input\", \"TextB\");`);
|
|
});
|
|
|
|
test('click should emit events in order', async ({ page, openRecorder }) => {
|
|
const recorder = await openRecorder();
|
|
|
|
await recorder.setContentAndWait(`
|
|
<button id=button>
|
|
<script>
|
|
button.addEventListener('mousedown', e => console.log(e.type));
|
|
button.addEventListener('mouseup', e => console.log(e.type));
|
|
button.addEventListener('click', e => console.log(e.type));
|
|
</script>
|
|
`);
|
|
|
|
const messages: any[] = [];
|
|
page.on('console', message => messages.push(message.text()));
|
|
await Promise.all([
|
|
page.click('button'),
|
|
recorder.waitForOutput('<javascript>', 'page.click')
|
|
]);
|
|
expect(messages).toEqual(['mousedown', 'mouseup', 'click']);
|
|
});
|
|
|
|
test('should update hover model on action', async ({ page, openRecorder }) => {
|
|
const recorder = await openRecorder();
|
|
|
|
await recorder.setContentAndWait(`<input id="checkbox" type="checkbox" name="accept" onchange="checkbox.name='updated'"></input>`);
|
|
const [ models ] = await Promise.all([
|
|
recorder.waitForActionPerformed(),
|
|
page.click('input')
|
|
]);
|
|
expect(models.hovered).toBe('input[name="updated"]');
|
|
});
|
|
|
|
test('should update active model on action', async ({ page, openRecorder, browserName, headful }) => {
|
|
test.fixme(browserName === 'webkit' && !headful);
|
|
test.fixme(browserName === 'firefox' && !headful);
|
|
|
|
const recorder = await openRecorder();
|
|
await recorder.setContentAndWait(`<input id="checkbox" type="checkbox" name="accept" onchange="checkbox.name='updated'"></input>`);
|
|
const [ models ] = await Promise.all([
|
|
recorder.waitForActionPerformed(),
|
|
page.click('input')
|
|
]);
|
|
expect(models.active).toBe('input[name="updated"]');
|
|
});
|
|
|
|
test('should check input with chaning id', async ({ page, openRecorder }) => {
|
|
const recorder = await openRecorder();
|
|
await recorder.setContentAndWait(`<input id="checkbox" type="checkbox" name="accept" onchange="checkbox.name = 'updated'"></input>`);
|
|
await Promise.all([
|
|
recorder.waitForActionPerformed(),
|
|
page.click('input[id=checkbox]')
|
|
]);
|
|
});
|
|
|
|
test('should prefer frame name', async ({ page, openRecorder, server }) => {
|
|
const recorder = await openRecorder();
|
|
await recorder.setContentAndWait(`
|
|
<iframe src='./frames/frame.html' name='one'></iframe>
|
|
<iframe src='./frames/frame.html' name='two'></iframe>
|
|
<iframe src='./frames/frame.html'></iframe>
|
|
`, server.EMPTY_PAGE, 4);
|
|
const frameOne = page.frame({ name: 'one' });
|
|
const frameTwo = page.frame({ name: 'two' });
|
|
const otherFrame = page.frames().find(f => f !== page.mainFrame() && !f.name());
|
|
|
|
let [sources] = await Promise.all([
|
|
recorder.waitForOutput('<javascript>', 'one'),
|
|
frameOne.click('div'),
|
|
]);
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Click text=Hi, I'm frame
|
|
await page.frame({
|
|
name: 'one'
|
|
}).click('text=Hi, I\\'m frame');`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Click text=Hi, I'm frame
|
|
page.frame("one").click("text=Hi, I'm frame");`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Click text=Hi, I'm frame
|
|
page.frame(name=\"one\").click(\"text=Hi, I'm frame\")`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Click text=Hi, I'm frame
|
|
await page.frame(name=\"one\").click(\"text=Hi, I'm frame\")`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Click text=Hi, I'm frame
|
|
await page.GetFrame(name: \"one\").ClickAsync(\"text=Hi, I'm frame\");`);
|
|
|
|
[sources] = await Promise.all([
|
|
recorder.waitForOutput('<javascript>', 'two'),
|
|
frameTwo.click('div'),
|
|
]);
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Click text=Hi, I'm frame
|
|
await page.frame({
|
|
name: 'two'
|
|
}).click('text=Hi, I\\'m frame');`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Click text=Hi, I'm frame
|
|
page.frame("two").click("text=Hi, I'm frame");`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Click text=Hi, I'm frame
|
|
page.frame(name=\"two\").click(\"text=Hi, I'm frame\")`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Click text=Hi, I'm frame
|
|
await page.frame(name=\"two\").click(\"text=Hi, I'm frame\")`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Click text=Hi, I'm frame
|
|
await page.GetFrame(name: \"two\").ClickAsync(\"text=Hi, I'm frame\");`);
|
|
|
|
[sources] = await Promise.all([
|
|
recorder.waitForOutput('<javascript>', 'url: \''),
|
|
otherFrame.click('div'),
|
|
]);
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`
|
|
// Click text=Hi, I'm frame
|
|
await page.frame({
|
|
url: 'http://localhost:${server.PORT}/frames/frame.html'
|
|
}).click('text=Hi, I\\'m frame');`);
|
|
|
|
expect(sources.get('<java>').text).toContain(`
|
|
// Click text=Hi, I'm frame
|
|
page.frameByUrl("http://localhost:${server.PORT}/frames/frame.html").click("text=Hi, I'm frame");`);
|
|
|
|
expect(sources.get('<python>').text).toContain(`
|
|
# Click text=Hi, I'm frame
|
|
page.frame(url=\"http://localhost:${server.PORT}/frames/frame.html\").click(\"text=Hi, I'm frame\")`);
|
|
|
|
expect(sources.get('<async python>').text).toContain(`
|
|
# Click text=Hi, I'm frame
|
|
await page.frame(url=\"http://localhost:${server.PORT}/frames/frame.html\").click(\"text=Hi, I'm frame\")`);
|
|
|
|
expect(sources.get('<csharp>').text).toContain(`
|
|
// Click text=Hi, I'm frame
|
|
await page.GetFrame(url: \"http://localhost:${server.PORT}/frames/frame.html\").ClickAsync(\"text=Hi, I'm frame\");`);
|
|
});
|
|
|
|
test('should record navigations after identical pushState', async ({ page, openRecorder, httpServer }) => {
|
|
const recorder = await openRecorder();
|
|
httpServer.setHandler((req: http.IncomingMessage, res: http.ServerResponse) => {
|
|
res.setHeader('Content-Type', 'text/html; charset=utf-8');
|
|
res.end('Hello world');
|
|
});
|
|
await recorder.setContentAndWait(`
|
|
<script>
|
|
function pushState() {
|
|
history.pushState({}, 'title', '${httpServer.PREFIX}');
|
|
}
|
|
</script>`, httpServer.PREFIX);
|
|
for (let i = 1; i < 3; ++i)
|
|
await page.evaluate('pushState()');
|
|
|
|
await page.goto(httpServer.PREFIX + '/page2.html');
|
|
await recorder.waitForOutput('<javascript>', `await page.goto('${httpServer.PREFIX}/page2.html');`);
|
|
});
|
|
|
|
test('should record slow navigation signal after mouse move', async ({ page, openRecorder, server }) => {
|
|
const recorder = await openRecorder();
|
|
await recorder.setContentAndWait(`
|
|
<script>
|
|
async function onClick() {
|
|
await new Promise(f => setTimeout(f, 100));
|
|
await window.letTheMouseMove();
|
|
window.location = ${JSON.stringify(server.EMPTY_PAGE)};
|
|
}
|
|
</script>
|
|
<button onclick="onClick()">Click me</button>
|
|
`);
|
|
await page.exposeBinding('letTheMouseMove', async () => {
|
|
await page.mouse.move(200, 200);
|
|
});
|
|
|
|
const [, sources] = await Promise.all([
|
|
// This will click, finish the click, then mouse move, then navigate.
|
|
page.click('button'),
|
|
recorder.waitForOutput('<javascript>', 'waitForNavigation'),
|
|
]);
|
|
|
|
expect(sources.get('<javascript>').text).toContain(`page.waitForNavigation(/*{ url: '${server.EMPTY_PAGE}' }*/)`);
|
|
});
|
|
});
|