2021-07-28 01:27:36 +03:00
|
|
|
/**
|
|
|
|
* 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';
|
|
|
|
|
2022-03-10 21:42:52 +03:00
|
|
|
it('should respect first() and last() @smoke', async ({ page }) => {
|
2021-07-28 01:27:36 +03:00
|
|
|
await page.setContent(`
|
|
|
|
<section>
|
|
|
|
<div><p>A</p></div>
|
|
|
|
<div><p>A</p><p>A</p></div>
|
|
|
|
<div><p>A</p><p>A</p><p>A</p></div>
|
|
|
|
</section>`);
|
|
|
|
expect(await page.locator('div >> p').count()).toBe(6);
|
|
|
|
expect(await page.locator('div').locator('p').count()).toBe(6);
|
|
|
|
expect(await page.locator('div').first().locator('p').count()).toBe(1);
|
2021-07-28 01:58:18 +03:00
|
|
|
expect(await page.locator('div').last().locator('p').count()).toBe(3);
|
|
|
|
});
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should respect nth()', async ({ page }) => {
|
2021-07-28 01:58:18 +03:00
|
|
|
await page.setContent(`
|
|
|
|
<section>
|
|
|
|
<div><p>A</p></div>
|
|
|
|
<div><p>A</p><p>A</p></div>
|
|
|
|
<div><p>A</p><p>A</p><p>A</p></div>
|
|
|
|
</section>`);
|
|
|
|
expect(await page.locator('div >> p').nth(0).count()).toBe(1);
|
|
|
|
expect(await page.locator('div').nth(1).locator('p').count()).toBe(2);
|
|
|
|
expect(await page.locator('div').nth(2).locator('p').count()).toBe(3);
|
|
|
|
});
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should throw on capture w/ nth()', async ({ page }) => {
|
2021-07-28 01:58:18 +03:00
|
|
|
await page.setContent(`<section><div><p>A</p></div></section>`);
|
2021-08-11 21:06:09 +03:00
|
|
|
const e = await page.locator('*css=div >> p').nth(1).click().catch(e => e);
|
2021-07-28 01:58:18 +03:00
|
|
|
expect(e.message).toContain(`Can't query n-th element`);
|
2021-07-28 01:27:36 +03:00
|
|
|
});
|
2021-07-29 01:44:44 +03:00
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should throw on due to strictness', async ({ page }) => {
|
2021-07-29 01:44:44 +03:00
|
|
|
await page.setContent(`<div>A</div><div>B</div>`);
|
|
|
|
const e = await page.locator('div').isVisible().catch(e => e);
|
|
|
|
expect(e.message).toContain(`strict mode violation`);
|
|
|
|
});
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should throw on due to strictness 2', async ({ page }) => {
|
2021-07-29 01:44:44 +03:00
|
|
|
await page.setContent(`<select><option>One</option><option>Two</option></select>`);
|
|
|
|
const e = await page.locator('option').evaluate(e => {}).catch(e => e);
|
|
|
|
expect(e.message).toContain(`strict mode violation`);
|
|
|
|
});
|
2021-12-03 20:27:06 +03:00
|
|
|
|
|
|
|
it('should filter by text', async ({ page }) => {
|
|
|
|
await page.setContent(`<div>Foobar</div><div>Bar</div>`);
|
2021-12-15 02:37:31 +03:00
|
|
|
await expect(page.locator('div', { hasText: 'Foo' })).toHaveText('Foobar');
|
2021-12-03 20:27:06 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it('should filter by text 2', async ({ page }) => {
|
|
|
|
await page.setContent(`<div>foo <span>hello world</span> bar</div>`);
|
2021-12-15 02:37:31 +03:00
|
|
|
await expect(page.locator('div', { hasText: 'hello world' })).toHaveText('foo hello world bar');
|
2021-12-03 20:27:06 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it('should filter by regex', async ({ page }) => {
|
|
|
|
await page.setContent(`<div>Foobar</div><div>Bar</div>`);
|
2021-12-15 02:37:31 +03:00
|
|
|
await expect(page.locator('div', { hasText: /Foo.*/ })).toHaveText('Foobar');
|
2021-12-03 20:27:06 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it('should filter by text with quotes', async ({ page }) => {
|
|
|
|
await page.setContent(`<div>Hello "world"</div><div>Hello world</div>`);
|
2021-12-15 02:37:31 +03:00
|
|
|
await expect(page.locator('div', { hasText: 'Hello "world"' })).toHaveText('Hello "world"');
|
2021-12-03 20:27:06 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it('should filter by regex with quotes', async ({ page }) => {
|
|
|
|
await page.setContent(`<div>Hello "world"</div><div>Hello world</div>`);
|
2021-12-15 02:37:31 +03:00
|
|
|
await expect(page.locator('div', { hasText: /Hello "world"/ })).toHaveText('Hello "world"');
|
2021-12-03 20:27:06 +03:00
|
|
|
});
|
2021-12-08 06:33:04 +03:00
|
|
|
|
|
|
|
it('should filter by regex and regexp flags', async ({ page }) => {
|
|
|
|
await page.setContent(`<div>Hello "world"</div><div>Hello world</div>`);
|
2021-12-15 02:37:31 +03:00
|
|
|
await expect(page.locator('div', { hasText: /hElLo "world"/i })).toHaveText('Hello "world"');
|
2021-12-08 06:33:04 +03:00
|
|
|
});
|
2022-02-03 03:55:50 +03:00
|
|
|
|
2022-02-05 02:34:33 +03:00
|
|
|
it('should support has:locator', async ({ page, trace }) => {
|
|
|
|
it.skip(trace === 'on');
|
|
|
|
|
2022-02-03 03:55:50 +03:00
|
|
|
await page.setContent(`<div><span>hello</span></div><div><span>world</span></div>`);
|
|
|
|
await expect(page.locator(`div`, {
|
|
|
|
has: page.locator(`text=world`)
|
|
|
|
})).toHaveCount(1);
|
|
|
|
expect(await page.locator(`div`, {
|
|
|
|
has: page.locator(`text=world`)
|
|
|
|
}).evaluate(e => e.outerHTML)).toBe(`<div><span>world</span></div>`);
|
|
|
|
await expect(page.locator(`div`, {
|
|
|
|
has: page.locator(`text="hello"`)
|
|
|
|
})).toHaveCount(1);
|
|
|
|
expect(await page.locator(`div`, {
|
|
|
|
has: page.locator(`text="hello"`)
|
|
|
|
}).evaluate(e => e.outerHTML)).toBe(`<div><span>hello</span></div>`);
|
|
|
|
await expect(page.locator(`div`, {
|
|
|
|
has: page.locator(`xpath=./span`)
|
|
|
|
})).toHaveCount(2);
|
|
|
|
await expect(page.locator(`div`, {
|
|
|
|
has: page.locator(`span`)
|
|
|
|
})).toHaveCount(2);
|
|
|
|
await expect(page.locator(`div`, {
|
|
|
|
has: page.locator(`span`, { hasText: 'wor' })
|
|
|
|
})).toHaveCount(1);
|
|
|
|
expect(await page.locator(`div`, {
|
|
|
|
has: page.locator(`span`, { hasText: 'wor' })
|
|
|
|
}).evaluate(e => e.outerHTML)).toBe(`<div><span>world</span></div>`);
|
|
|
|
await expect(page.locator(`div`, {
|
|
|
|
has: page.locator(`span`),
|
|
|
|
hasText: 'wor',
|
|
|
|
})).toHaveCount(1);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should enforce same frame for has:locator', async ({ page, server }) => {
|
|
|
|
await page.goto(server.PREFIX + '/frames/two-frames.html');
|
|
|
|
const child = page.frames()[1];
|
|
|
|
let error;
|
|
|
|
try {
|
|
|
|
page.locator('div', { has: child.locator('span') });
|
|
|
|
} catch (e) {
|
|
|
|
error = e;
|
|
|
|
}
|
|
|
|
expect(error.message).toContain('Inner "has" locator must belong to the same frame.');
|
|
|
|
});
|