/** * 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 query existing element', async ({ page, server }) => { await page.goto(server.PREFIX + '/playground.html'); await page.setContent('
A
'); const html = page.locator('html'); const second = html.locator('.second'); const inner = second.locator('.inner'); const content = await page.evaluate(e => e.textContent, await inner.elementHandle()); expect(content).toBe('A'); }); it('should query existing elements', async ({ page, server }) => { await page.setContent('
A

B
'); const html = page.locator('html'); const elements = await html.locator('div').elementHandles(); expect(elements.length).toBe(2); const promises = elements.map(element => page.evaluate(e => e.textContent, element)); expect(await Promise.all(promises)).toEqual(['A', 'B']); }); it('should return empty array for non-existing elements', async ({ page, server }) => { await page.setContent('A
B'); const html = page.locator('html'); const elements = await html.locator('div').elementHandles(); expect(elements.length).toBe(0); }); it('xpath should query existing element', async ({ page, server }) => { await page.goto(server.PREFIX + '/playground.html'); await page.setContent('
A
'); const html = page.locator('html'); const second = html.locator(`xpath=./body/div[contains(@class, 'second')]`); const inner = second.locator(`xpath=./div[contains(@class, 'inner')]`); const content = await page.evaluate(e => e.textContent, await inner.elementHandle()); expect(content).toBe('A'); }); it('xpath should return null for non-existing element', async ({ page, server }) => { await page.setContent('
B
'); const html = page.locator('html'); const second = await html.locator(`xpath=/div[contains(@class, 'third')]`).elementHandles(); expect(second).toEqual([]); });