diff --git a/test/click.spec.js b/test/click.spec.js
new file mode 100644
index 00000000000..061a8089ddd
--- /dev/null
+++ b/test/click.spec.js
@@ -0,0 +1,207 @@
+/**
+ * Copyright 2018 Google Inc. 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.
+ */
+
+const utils = require('./utils');
+const DeviceDescriptors = utils.requireRoot('DeviceDescriptors');
+const iPhone = DeviceDescriptors['iPhone 6'];
+
+module.exports.addTests = function({testRunner, expect}) {
+ const {describe, xdescribe, fdescribe} = testRunner;
+ const {it, fit, xit} = testRunner;
+ const {beforeAll, beforeEach, afterAll, afterEach} = testRunner;
+ describe('Page.click', function() {
+ it('should click the button', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/button.html');
+ await page.click('button');
+ expect(await page.evaluate(() => result)).toBe('Clicked');
+ });
+ it('should click the button after navigation ', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/button.html');
+ await page.click('button');
+ await page.goto(server.PREFIX + '/input/button.html');
+ await page.click('button');
+ expect(await page.evaluate(() => result)).toBe('Clicked');
+ });
+ it('should click with disabled javascript', async({page, server}) => {
+ await page.setJavaScriptEnabled(false);
+ await page.goto(server.PREFIX + '/wrappedlink.html');
+ await Promise.all([
+ page.click('a'),
+ page.waitForNavigation()
+ ]);
+ expect(page.url()).toBe(server.PREFIX + '/wrappedlink.html#clicked');
+ });
+ it('should select the text by triple clicking', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/textarea.html');
+ await page.focus('textarea');
+ const text = 'This is the text that we are going to try to select. Let\'s see how it goes.';
+ await page.keyboard.type(text);
+ await page.click('textarea');
+ await page.click('textarea', {clickCount: 2});
+ await page.click('textarea', {clickCount: 3});
+ expect(await page.evaluate(() => {
+ const textarea = document.querySelector('textarea');
+ return textarea.value.substring(textarea.selectionStart, textarea.selectionEnd);
+ })).toBe(text);
+ });
+ it('should click offscreen buttons', async({page, server}) => {
+ await page.goto(server.PREFIX + '/offscreenbuttons.html');
+ const messages = [];
+ page.on('console', msg => messages.push(msg.text()));
+ for (let i = 0; i < 11; ++i) {
+ // We might've scrolled to click a button - reset to (0, 0).
+ await page.evaluate(() => window.scrollTo(0, 0));
+ await page.click(`#btn${i}`);
+ }
+ expect(messages).toEqual([
+ 'button #0 clicked',
+ 'button #1 clicked',
+ 'button #2 clicked',
+ 'button #3 clicked',
+ 'button #4 clicked',
+ 'button #5 clicked',
+ 'button #6 clicked',
+ 'button #7 clicked',
+ 'button #8 clicked',
+ 'button #9 clicked',
+ 'button #10 clicked'
+ ]);
+ });
+
+ it('should click wrapped links', async({page, server}) => {
+ await page.goto(server.PREFIX + '/wrappedlink.html');
+ await Promise.all([
+ page.click('a'),
+ page.waitForNavigation()
+ ]);
+ expect(page.url()).toBe(server.PREFIX + '/wrappedlink.html#clicked');
+ });
+
+ it('should click on checkbox input and toggle', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/checkbox.html');
+ expect(await page.evaluate(() => result.check)).toBe(null);
+ await page.click('input#agree');
+ expect(await page.evaluate(() => result.check)).toBe(true);
+ expect(await page.evaluate(() => result.events)).toEqual([
+ 'mouseover',
+ 'mouseenter',
+ 'mousemove',
+ 'mousedown',
+ 'mouseup',
+ 'click',
+ 'input',
+ 'change',
+ ]);
+ await page.click('input#agree');
+ expect(await page.evaluate(() => result.check)).toBe(false);
+ });
+
+ it('should click on checkbox label and toggle', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/checkbox.html');
+ expect(await page.evaluate(() => result.check)).toBe(null);
+ await page.click('label[for="agree"]');
+ expect(await page.evaluate(() => result.check)).toBe(true);
+ expect(await page.evaluate(() => result.events)).toEqual([
+ 'click',
+ 'input',
+ 'change',
+ ]);
+ await page.click('label[for="agree"]');
+ expect(await page.evaluate(() => result.check)).toBe(false);
+ });
+
+ it('should fail to click a missing button', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/button.html');
+ let error = null;
+ await page.click('button.does-not-exist').catch(e => error = e);
+ expect(error.message).toBe('No node found for selector: button.does-not-exist');
+ });
+ // @see https://github.com/GoogleChrome/puppeteer/issues/161
+ it('should not hang with touch-enabled viewports', async({page, server}) => {
+ await page.setViewport(iPhone.viewport);
+ await page.mouse.down();
+ await page.mouse.move(100, 10);
+ await page.mouse.up();
+ });
+ it('should scroll and click the button', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/scrollable.html');
+ await page.click('#button-5');
+ expect(await page.evaluate(() => document.querySelector('#button-5').textContent)).toBe('clicked');
+ await page.click('#button-80');
+ expect(await page.evaluate(() => document.querySelector('#button-80').textContent)).toBe('clicked');
+ });
+ it('should double click the button', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/button.html');
+ await page.evaluate(() => {
+ window.double = false;
+ const button = document.querySelector('button');
+ button.addEventListener('dblclick', event => {
+ window.double = true;
+ });
+ });
+ const button = await page.$('button');
+ await button.click({ clickCount: 2 });
+ expect(await page.evaluate('double')).toBe(true);
+ expect(await page.evaluate('result')).toBe('Clicked');
+ });
+ it('should click a partially obscured button', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/button.html');
+ await page.evaluate(() => {
+ const button = document.querySelector('button');
+ button.textContent = 'Some really long text that will go offscreen';
+ button.style.position = 'absolute';
+ button.style.left = '368px';
+ });
+ await page.click('button');
+ expect(await page.evaluate(() => window.result)).toBe('Clicked');
+ });
+ it('should click a rotated button', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/rotatedButton.html');
+ await page.click('button');
+ expect(await page.evaluate(() => result)).toBe('Clicked');
+ });
+ it('should fire contextmenu event on right click', async({page, server}) => {
+ await page.goto(server.PREFIX + '/input/scrollable.html');
+ await page.click('#button-8', {button: 'right'});
+ expect(await page.evaluate(() => document.querySelector('#button-8').textContent)).toBe('context menu');
+ });
+ // @see https://github.com/GoogleChrome/puppeteer/issues/206
+ it('should click links which cause navigation', async({page, server}) => {
+ await page.setContent(`empty.html`);
+ // This await should not hang.
+ await page.click('a');
+ });
+ it('should click the button inside an iframe', async({page, server}) => {
+ await page.goto(server.EMPTY_PAGE);
+ await page.setContent('
spacer
');
+ await utils.attachFrame(page, 'button-test', server.PREFIX + '/input/button.html');
+ const frame = page.frames()[1];
+ const button = await frame.$('button');
+ await button.click();
+ expect(await frame.evaluate(() => window.result)).toBe('Clicked');
+ });
+ it('should click the button with deviceScaleFactor set', async({page, server}) => {
+ await page.setViewport({width: 400, height: 400, deviceScaleFactor: 5});
+ expect(await page.evaluate(() => window.devicePixelRatio)).toBe(5);
+ await page.setContent('spacer
');
+ await utils.attachFrame(page, 'button-test', server.PREFIX + '/input/button.html');
+ const frame = page.frames()[1];
+ const button = await frame.$('button');
+ await button.click();
+ expect(await frame.evaluate(() => window.result)).toBe('Clicked');
+ });
+ });
+};
diff --git a/test/input.spec.js b/test/input.spec.js
index dda263b6116..ab461e789e0 100644
--- a/test/input.spec.js
+++ b/test/input.spec.js
@@ -16,108 +16,12 @@
const path = require('path');
const utils = require('./utils');
-const DeviceDescriptors = utils.requireRoot('DeviceDescriptors');
-const iPhone = DeviceDescriptors['iPhone 6'];
module.exports.addTests = function({testRunner, expect}) {
const {describe, xdescribe, fdescribe} = testRunner;
const {it, fit, xit} = testRunner;
const {beforeAll, beforeEach, afterAll, afterEach} = testRunner;
describe('input', function() {
- it('should click the button', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/button.html');
- await page.click('button');
- expect(await page.evaluate(() => result)).toBe('Clicked');
- });
- it('should click with disabled javascript', async({page, server}) => {
- await page.setJavaScriptEnabled(false);
- await page.goto(server.PREFIX + '/wrappedlink.html');
- await Promise.all([
- page.click('a'),
- page.waitForNavigation()
- ]);
- expect(page.url()).toBe(server.PREFIX + '/wrappedlink.html#clicked');
- });
-
- it('should click offscreen buttons', async({page, server}) => {
- await page.goto(server.PREFIX + '/offscreenbuttons.html');
- const messages = [];
- page.on('console', msg => messages.push(msg.text()));
- for (let i = 0; i < 11; ++i) {
- // We might've scrolled to click a button - reset to (0, 0).
- await page.evaluate(() => window.scrollTo(0, 0));
- await page.click(`#btn${i}`);
- }
- expect(messages).toEqual([
- 'button #0 clicked',
- 'button #1 clicked',
- 'button #2 clicked',
- 'button #3 clicked',
- 'button #4 clicked',
- 'button #5 clicked',
- 'button #6 clicked',
- 'button #7 clicked',
- 'button #8 clicked',
- 'button #9 clicked',
- 'button #10 clicked'
- ]);
- });
-
- it('should click wrapped links', async({page, server}) => {
- await page.goto(server.PREFIX + '/wrappedlink.html');
- await Promise.all([
- page.click('a'),
- page.waitForNavigation()
- ]);
- expect(page.url()).toBe(server.PREFIX + '/wrappedlink.html#clicked');
- });
-
- it('should click on checkbox input and toggle', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/checkbox.html');
- expect(await page.evaluate(() => result.check)).toBe(null);
- await page.click('input#agree');
- expect(await page.evaluate(() => result.check)).toBe(true);
- expect(await page.evaluate(() => result.events)).toEqual([
- 'mouseover',
- 'mouseenter',
- 'mousemove',
- 'mousedown',
- 'mouseup',
- 'click',
- 'input',
- 'change',
- ]);
- await page.click('input#agree');
- expect(await page.evaluate(() => result.check)).toBe(false);
- });
-
- it('should click on checkbox label and toggle', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/checkbox.html');
- expect(await page.evaluate(() => result.check)).toBe(null);
- await page.click('label[for="agree"]');
- expect(await page.evaluate(() => result.check)).toBe(true);
- expect(await page.evaluate(() => result.events)).toEqual([
- 'click',
- 'input',
- 'change',
- ]);
- await page.click('label[for="agree"]');
- expect(await page.evaluate(() => result.check)).toBe(false);
- });
-
- it('should fail to click a missing button', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/button.html');
- let error = null;
- await page.click('button.does-not-exist').catch(e => error = e);
- expect(error.message).toBe('No node found for selector: button.does-not-exist');
- });
- // @see https://github.com/GoogleChrome/puppeteer/issues/161
- it('should not hang with touch-enabled viewports', async({page, server}) => {
- await page.setViewport(iPhone.viewport);
- await page.mouse.down();
- await page.mouse.move(100, 10);
- await page.mouse.up();
- });
it('should type into the textarea', async({page, server}) => {
await page.goto(server.PREFIX + '/input/textarea.html');
@@ -125,13 +29,6 @@ module.exports.addTests = function({testRunner, expect}) {
await textarea.type('Type in this text!');
expect(await page.evaluate(() => result)).toBe('Type in this text!');
});
- it('should click the button after navigation ', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/button.html');
- await page.click('button');
- await page.goto(server.PREFIX + '/input/button.html');
- await page.click('button');
- expect(await page.evaluate(() => result)).toBe('Clicked');
- });
it('should upload the file', async({page, server}) => {
await page.goto(server.PREFIX + '/input/fileupload.html');
const filePath = path.relative(process.cwd(), __dirname + '/assets/file-to-upload.txt');
@@ -280,43 +177,6 @@ module.exports.addTests = function({testRunner, expect}) {
expect(newDimensions.width).toBe(width + 104);
expect(newDimensions.height).toBe(height + 104);
});
- it('should scroll and click the button', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/scrollable.html');
- await page.click('#button-5');
- expect(await page.evaluate(() => document.querySelector('#button-5').textContent)).toBe('clicked');
- await page.click('#button-80');
- expect(await page.evaluate(() => document.querySelector('#button-80').textContent)).toBe('clicked');
- });
- it('should double click the button', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/button.html');
- await page.evaluate(() => {
- window.double = false;
- const button = document.querySelector('button');
- button.addEventListener('dblclick', event => {
- window.double = true;
- });
- });
- const button = await page.$('button');
- await button.click({ clickCount: 2 });
- expect(await page.evaluate('double')).toBe(true);
- expect(await page.evaluate('result')).toBe('Clicked');
- });
- it('should click a partially obscured button', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/button.html');
- await page.evaluate(() => {
- const button = document.querySelector('button');
- button.textContent = 'Some really long text that will go offscreen';
- button.style.position = 'absolute';
- button.style.left = '368px';
- });
- await page.click('button');
- expect(await page.evaluate(() => window.result)).toBe('Clicked');
- });
- it('should click a rotated button', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/rotatedButton.html');
- await page.click('button');
- expect(await page.evaluate(() => result)).toBe('Clicked');
- });
it('should select the text with mouse', async({page, server}) => {
await page.goto(server.PREFIX + '/input/textarea.html');
await page.focus('textarea');
@@ -330,16 +190,6 @@ module.exports.addTests = function({testRunner, expect}) {
await page.mouse.up();
expect(await page.evaluate(() => window.getSelection().toString())).toBe(text);
});
- it('should select the text by triple clicking', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/textarea.html');
- await page.focus('textarea');
- const text = 'This is the text that we are going to try to select. Let\'s see how it goes.';
- await page.keyboard.type(text);
- await page.click('textarea');
- await page.click('textarea', {clickCount: 2});
- await page.click('textarea', {clickCount: 3});
- expect(await page.evaluate(() => window.getSelection().toString())).toBe(text);
- });
it('should trigger hover state', async({page, server}) => {
await page.goto(server.PREFIX + '/input/scrollable.html');
await page.hover('#button-6');
@@ -349,11 +199,6 @@ module.exports.addTests = function({testRunner, expect}) {
await page.hover('#button-91');
expect(await page.evaluate(() => document.querySelector('button:hover').id)).toBe('button-91');
});
- it('should fire contextmenu event on right click', async({page, server}) => {
- await page.goto(server.PREFIX + '/input/scrollable.html');
- await page.click('#button-8', {button: 'right'});
- expect(await page.evaluate(() => document.querySelector('#button-8').textContent)).toBe('context menu');
- });
it('should set modifier keys on click', async({page, server}) => {
await page.goto(server.PREFIX + '/input/scrollable.html');
await page.evaluate(() => document.querySelector('#button-3').addEventListener('mousedown', e => window.lastEvent = e, true));
@@ -389,12 +234,6 @@ module.exports.addTests = function({testRunner, expect}) {
await page.keyboard.down('a');
expect(await page.evaluate(() => window.lastEvent.repeat)).toBe(false);
});
- // @see https://github.com/GoogleChrome/puppeteer/issues/206
- it('should click links which cause navigation', async({page, server}) => {
- await page.setContent(`empty.html`);
- // This await should not hang.
- await page.click('a');
- });
it('should tween mouse movement', async({page, server}) => {
await page.mouse.move(100, 100);
await page.evaluate(() => {
@@ -423,25 +262,6 @@ module.exports.addTests = function({testRunner, expect}) {
await button.tap();
expect(await page.evaluate(() => getResult())).toEqual(['Touchstart: 0', 'Touchend: 0']);
});
- it('should click the button inside an iframe', async({page, server}) => {
- await page.goto(server.EMPTY_PAGE);
- await page.setContent('spacer
');
- await utils.attachFrame(page, 'button-test', server.PREFIX + '/input/button.html');
- const frame = page.frames()[1];
- const button = await frame.$('button');
- await button.click();
- expect(await frame.evaluate(() => window.result)).toBe('Clicked');
- });
- it('should click the button with deviceScaleFactor set', async({page, server}) => {
- await page.setViewport({width: 400, height: 400, deviceScaleFactor: 5});
- expect(await page.evaluate(() => window.devicePixelRatio)).toBe(5);
- await page.setContent('spacer
');
- await utils.attachFrame(page, 'button-test', server.PREFIX + '/input/button.html');
- const frame = page.frames()[1];
- const button = await frame.$('button');
- await button.click();
- expect(await frame.evaluate(() => window.result)).toBe('Clicked');
- });
it('should type all kinds of characters', async({page, server}) => {
await page.goto(server.PREFIX + '/input/textarea.html');
await page.focus('textarea');
diff --git a/test/test.js b/test/test.js
index f6b1a50fa52..4197da159df 100644
--- a/test/test.js
+++ b/test/test.js
@@ -154,6 +154,7 @@ describe('Browser', function() {
require('./waittask.spec.js').addTests({testRunner, expect});
require('./frame.spec.js').addTests({testRunner, expect});
require('./input.spec.js').addTests({testRunner, expect});
+ require('./click.spec.js').addTests({testRunner, expect});
require('./jshandle.spec.js').addTests({testRunner, expect});
require('./network.spec.js').addTests({testRunner, expect});
require('./page.spec.js').addTests({testRunner, expect, headless});