/** * 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('should respect first() and last() @smoke', async ({ page }) => { await page.setContent(`

A

A

A

A

A

A

`); 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); expect(await page.locator('div').last().locator('p').count()).toBe(3); }); it('should respect nth()', async ({ page }) => { await page.setContent(`

A

A

A

A

A

A

`); 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); }); it('should throw on capture w/ nth()', async ({ page }) => { await page.setContent(`

A

`); const e = await page.locator('*css=div >> p').nth(1).click().catch(e => e); expect(e.message).toContain(`Can't query n-th element`); }); it('should throw on due to strictness', async ({ page }) => { await page.setContent(`
A
B
`); const e = await page.locator('div').isVisible().catch(e => e); expect(e.message).toContain(`strict mode violation`); }); it('should throw on due to strictness 2', async ({ page }) => { await page.setContent(``); const e = await page.locator('option').evaluate(e => {}).catch(e => e); expect(e.message).toContain(`strict mode violation`); }); it('should filter by text', async ({ page }) => { await page.setContent(`
Foobar
Bar
`); await expect(page.locator('div', { hasText: 'Foo' })).toHaveText('Foobar'); }); it('should filter by text 2', async ({ page }) => { await page.setContent(`
foo hello world bar
`); await expect(page.locator('div', { hasText: 'hello world' })).toHaveText('foo hello world bar'); }); it('should filter by regex', async ({ page }) => { await page.setContent(`
Foobar
Bar
`); await expect(page.locator('div', { hasText: /Foo.*/ })).toHaveText('Foobar'); }); it('should filter by text with quotes', async ({ page }) => { await page.setContent(`
Hello "world"
Hello world
`); await expect(page.locator('div', { hasText: 'Hello "world"' })).toHaveText('Hello "world"'); }); it('should filter by regex with quotes', async ({ page }) => { await page.setContent(`
Hello "world"
Hello world
`); await expect(page.locator('div', { hasText: /Hello "world"/ })).toHaveText('Hello "world"'); }); it('should filter by regex and regexp flags', async ({ page }) => { await page.setContent(`
Hello "world"
Hello world
`); await expect(page.locator('div', { hasText: /hElLo "world"/i })).toHaveText('Hello "world"'); }); it('should support has:locator', async ({ page, trace }) => { it.skip(trace === 'on'); await page.setContent(`
hello
world
`); 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(`
world
`); 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(`
hello
`); 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(`
world
`); await expect(page.locator(`div`, { has: page.locator(`span`), hasText: 'wor', })).toHaveCount(1); }); it('should support locator.that', async ({ page, trace }) => { it.skip(trace === 'on'); await page.setContent(`
hello
world
`); await expect(page.locator(`div`).that({ hasText: 'hello' })).toHaveCount(1); await expect(page.locator(`div`, { hasText: 'hello' }).that({ hasText: 'hello' })).toHaveCount(1); await expect(page.locator(`div`, { hasText: 'hello' }).that({ hasText: 'world' })).toHaveCount(0); await expect(page.locator(`section`, { hasText: 'hello' }).that({ hasText: 'world' })).toHaveCount(1); await expect(page.locator(`div`).that({ hasText: 'hello' }).locator('span')).toHaveCount(1); await expect(page.locator(`div`).that({ has: page.locator('span', { hasText: 'world' }) })).toHaveCount(1); await expect(page.locator(`div`).that({ has: page.locator('span') })).toHaveCount(2); await expect(page.locator(`div`).that({ has: page.locator('span'), hasText: 'world', })).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.'); });