mirror of
https://github.com/microsoft/playwright.git
synced 2024-12-15 14:11:50 +03:00
f587a43932
This introduces `locator('div', { has: locator })` syntax that matches elements containing other elements.
Can be used together with `hasText`.
Internally, has selector engine takes an inner selector escaped with double-quotes:
`div >> has="li >> span >> text=Foo" >> span`.
69 lines
3.0 KiB
TypeScript
69 lines
3.0 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 as it, expect } from './inspectorTest';
|
|
|
|
it.skip(({ mode }) => mode !== 'default');
|
|
|
|
let scriptPromise;
|
|
|
|
it.beforeEach(async ({ page, recorderPageGetter }) => {
|
|
scriptPromise = (async () => {
|
|
await page.pause();
|
|
})();
|
|
await recorderPageGetter();
|
|
});
|
|
|
|
it.afterEach(async ({ recorderPageGetter }) => {
|
|
const recorderPage = await recorderPageGetter();
|
|
recorderPage.click('[title=Resume]').catch(() => {});
|
|
await scriptPromise;
|
|
recorderPage.click('[title=Resume]').catch(() => {});
|
|
});
|
|
|
|
it('should support playwright.$, playwright.$$', async ({ page }) => {
|
|
const body = await page.evaluateHandle('playwright.$("body")');
|
|
expect(await body.evaluate<string, HTMLBodyElement>((node: HTMLBodyElement) => node.nodeName)).toBe('BODY');
|
|
const length = await page.evaluate('playwright.$$("body").length');
|
|
expect(length).toBe(1);
|
|
});
|
|
|
|
it('should support playwright.selector', async ({ page }) => {
|
|
const length = await page.evaluate('playwright.selector(document.body)');
|
|
expect(length).toBe('body');
|
|
});
|
|
|
|
it('should support playwright.locator.value', async ({ page }) => {
|
|
await page.setContent('<div>Hello<div>');
|
|
const handle = await page.evaluateHandle(`playwright.locator('div', { hasText: 'Hello' }).element`);
|
|
expect(await handle.evaluate<string, HTMLDivElement>((node: HTMLDivElement) => node.nodeName)).toBe('DIV');
|
|
});
|
|
|
|
it('should support playwright.locator.values', async ({ page }) => {
|
|
await page.setContent('<div>Hello<div>Bar</div></div>');
|
|
expect(await page.evaluate(`playwright.locator('div', { hasText: 'Hello' }).elements.length`)).toBe(1);
|
|
expect(await page.evaluate(`playwright.locator('div', { hasText: 'HElLo' }).elements.length`)).toBe(1);
|
|
expect(await page.evaluate(`playwright.locator('div', { hasText: /ELL/ }).elements.length`)).toBe(0);
|
|
expect(await page.evaluate(`playwright.locator('div', { hasText: /ELL/i }).elements.length`)).toBe(1);
|
|
expect(await page.evaluate(`playwright.locator('div', { hasText: /Hello/ }).elements.length`)).toBe(1);
|
|
});
|
|
|
|
it('should support playwright.locator({ has })', async ({ page }) => {
|
|
await page.setContent('<div>Hi</div><div><span>Hello</span></div>');
|
|
expect(await page.evaluate(`playwright.locator('div', { has: playwright.locator('span') }).element.innerHTML`)).toContain('Hello');
|
|
expect(await page.evaluate(`playwright.locator('div', { has: playwright.locator('text=Hello') }).element.innerHTML`)).toContain('span');
|
|
});
|