Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

test(isVisible): add a couple of basic tests (#16697)

Browse source
This commit is contained in:
Pavel Feldman 2022-08-19 17:40:13 -07:00 committed by GitHub
parent 1730f33b87
commit 2142fde460
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 87 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
tests/page/locator-convenience.spec.ts
View file

@ -95,25 +95,6 @@ it('textContent should work', async ({ page, server }) => {
expect(await page.textContent('#inner')).toBe('Text,\nmore text');
});
it('isVisible and isHidden should work', async ({ page }) => {
await page.setContent(`<div>Hi</div><span></span>`);
const div = page.locator('div');
expect(await div.isVisible()).toBe(true);
expect(await div.isHidden()).toBe(false);
expect(await page.isVisible('div')).toBe(true);
expect(await page.isHidden('div')).toBe(false);
const span = page.locator('span');
expect(await span.isVisible()).toBe(false);
expect(await span.isHidden()).toBe(true);
expect(await page.isVisible('span')).toBe(false);
expect(await page.isHidden('span')).toBe(true);
expect(await page.isVisible('no-such-element')).toBe(false);
expect(await page.isHidden('no-such-element')).toBe(true);
});
it('isEnabled and isDisabled should work', async ({ page }) => {
await page.setContent(`
<button disabled>button1</button>
@ -173,20 +154,6 @@ it('allInnerTexts should work', async ({ page }) => {
expect(await page.locator('div').allInnerTexts()).toEqual(['A', 'B', 'C']);
});
it('isVisible and isHidden should work with details', async ({ page }) => {
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/10674' });
await page.setContent(`<details>
<summary>click to open</summary>
<ul>
<li>hidden item 1</li>
<li>hidden item 2</li>
<li>hidden item 3</li>
</ul
</details>`);
await expect(page.locator('ul')).toBeHidden();
});
it('should return page', async ({ page, server }) => {
await page.goto(server.PREFIX + '/frames/two-frames.html');
const outer = page.locator('#outer');
@ -198,29 +165,3 @@ it('should return page', async ({ page, server }) => {
const inFrame = page.frames()[1].locator('div');
expect(inFrame.page()).toBe(page);
});
it('isVisible inside a button', async ({ page }) => {
await page.setContent(`<button><span></span>a button</button>`);
const span = page.locator('span');
expect(await span.isVisible()).toBe(false);
expect(await span.isHidden()).toBe(true);
expect(await page.isVisible('span')).toBe(false);
expect(await page.isHidden('span')).toBe(true);
await expect(span).not.toBeVisible();
await expect(span).toBeHidden();
await span.waitFor({ state: 'hidden' });
await page.locator('button').waitFor({ state: 'visible' });
});
it('isVisible inside a role=button', async ({ page }) => {
await page.setContent(`<div role=button><span></span>a button</div>`);
const span = page.locator('span');
expect(await span.isVisible()).toBe(false);
expect(await span.isHidden()).toBe(true);
expect(await page.isVisible('span')).toBe(false);
expect(await page.isHidden('span')).toBe(true);
await expect(span).not.toBeVisible();
await expect(span).toBeHidden();
await span.waitFor({ state: 'hidden' });
await page.locator('[role=button]').waitFor({ state: 'visible' });
});

87
tests/page/locator-is-visible.spec.ts Normal file
View file

@ -0,0 +1,87 @@
/**
* Copyright 2018 Google Inc. All rights reserved.
* Modifications 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 as it, expect } from './pageTest';
it('isVisible and isHidden should work', async ({ page }) => {
await page.setContent(`<div>Hi</div><span></span>`);
const div = page.locator('div');
expect(await div.isVisible()).toBe(true);
expect(await div.isHidden()).toBe(false);
expect(await page.isVisible('div')).toBe(true);
expect(await page.isHidden('div')).toBe(false);
const span = page.locator('span');
expect(await span.isVisible()).toBe(false);
expect(await span.isHidden()).toBe(true);
expect(await page.isVisible('span')).toBe(false);
expect(await page.isHidden('span')).toBe(true);
expect(await page.isVisible('no-such-element')).toBe(false);
expect(await page.isHidden('no-such-element')).toBe(true);
});
it('isVisible should be true for opacity:0', async ({ page }) => {
await page.setContent(`<div style="opacity:0">Hi</div>`);
await expect(page.locator('div')).toBeVisible();
});
it('isVisible should be true for element outside view', async ({ page }) => {
await page.setContent(`<div style="position: absolute; left: -1000px">Hi</div>`);
await expect(page.locator('div')).toBeVisible();
});
it('isVisible and isHidden should work with details', async ({ page }) => {
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/10674' });
await page.setContent(`<details>
<summary>click to open</summary>
<ul>
<li>hidden item 1</li>
<li>hidden item 2</li>
<li>hidden item 3</li>
</ul
</details>`);
await expect(page.locator('ul')).toBeHidden();
});
it('isVisible inside a button', async ({ page }) => {
await page.setContent(`<button><span></span>a button</button>`);
const span = page.locator('span');
expect(await span.isVisible()).toBe(false);
expect(await span.isHidden()).toBe(true);
expect(await page.isVisible('span')).toBe(false);
expect(await page.isHidden('span')).toBe(true);
await expect(span).not.toBeVisible();
await expect(span).toBeHidden();
await span.waitFor({ state: 'hidden' });
await page.locator('button').waitFor({ state: 'visible' });
});
it('isVisible inside a role=button', async ({ page }) => {
await page.setContent(`<div role=button><span></span>a button</div>`);
const span = page.locator('span');
expect(await span.isVisible()).toBe(false);
expect(await span.isHidden()).toBe(true);
expect(await page.isVisible('span')).toBe(false);
expect(await page.isHidden('span')).toBe(true);
await expect(span).not.toBeVisible();
await expect(span).toBeHidden();
await span.waitFor({ state: 'hidden' });
await page.locator('[role=button]').waitFor({ state: 'visible' });
});