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

test: add a test for css selector being relative to the root handle (#5789)

Browse source
This commit is contained in:
Dmitry Gozman 2021-03-10 17:15:19 -08:00 committed by GitHub
parent 7706e5a24a
commit b01f6ec9e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
test/selectors-css.spec.ts
View file

@ -374,3 +374,17 @@ it('should work with :scope', async ({page, server}) => {
expect(await scope.$$eval(`css=* ~ :scope`, els => els.length)).toBe(0); expect(await scope.$$eval(`css=* ~ :scope`, els => els.length)).toBe(0);
} }
}); });
it('css on the handle should be relative', async ({ page }) => {
await page.setContent(`
<span class="find-me" id=target1>1</span>
<div>
<span class="find-me" id=target2>2</span>
</div>
`);
expect(await page.$eval(`.find-me`, e => e.id)).toBe('target1');
const div = await page.$('div');
expect(await div.$eval(`.find-me`, e => e.id)).toBe('target2');
expect(await page.$eval(`div >> .find-me`, e => e.id)).toBe('target2');
});

14
test/selectors-misc.spec.ts
View file

@ -214,3 +214,17 @@ it('xpath should be relative', async ({ page }) => {
expect(await page.$eval(`div >> //*[@class="find-me"]`, e => e.id)).toBe('target2'); expect(await page.$eval(`div >> //*[@class="find-me"]`, e => e.id)).toBe('target2');
expect(await page.$eval(`div >> xpath=/*[@class="find-me"]`, e => e.id)).toBe('target2'); expect(await page.$eval(`div >> xpath=/*[@class="find-me"]`, e => e.id)).toBe('target2');
}); });
it('data-testid on the handle should be relative', async ({ page }) => {
await page.setContent(`
<span data-testid="find-me" id=target1>1</span>
<div>
<span data-testid="find-me" id=target2>2</span>
</div>
`);
expect(await page.$eval(`data-testid=find-me`, e => e.id)).toBe('target1');
const div = await page.$('div');
expect(await div.$eval(`data-testid=find-me`, e => e.id)).toBe('target2');
expect(await page.$eval(`div >> data-testid=find-me`, e => e.id)).toBe('target2');
});