/*
* MIT License
*
* Copyright (c) Microsoft Corporation.
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and / or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
using System.Linq;
using System.Threading.Tasks;
using Microsoft.Playwright.NUnit;
using NUnit.Framework;
namespace Microsoft.Playwright.Tests
{
public class ElementHandleQuerySelectorTests : PageTestEx
{
[PlaywrightTest("elementhandle-query-selector.spec.ts", "should query existing element")]
public async Task ShouldQueryExistingElement()
{
await Page.GotoAsync(Server.Prefix + "/playground.html");
await Page.SetContentAsync("<html><body><div class=\"second\"><div class=\"inner\">A</div></div></body></html>");
var html = await Page.QuerySelectorAsync("html");
var second = await html.QuerySelectorAsync(".second");
var inner = await second.QuerySelectorAsync(".inner");
string content = await Page.EvaluateAsync<string>("e => e.textContent", inner);
Assert.AreEqual("A", content);
}
[PlaywrightTest("elementhandle-query-selector.spec.ts", "should return null for non-existing element")]
public async Task ShouldReturnNullForNonExistingElement()
{
await Page.SetContentAsync("<html><body><div class=\"second\"><div class=\"inner\">B</div></div></body></html>");
var html = await Page.QuerySelectorAsync("html");
var second = await html.QuerySelectorAsync(".third");
Assert.Null(second);
}
[PlaywrightTest("elementhandle-query-selector.spec.ts", "should work for adopted elements")]
public async Task ShouldWorkForAdoptedElements()
{
await Page.GotoAsync(Server.EmptyPage);
var (popup, _) = await TaskUtils.WhenAll(
Page.WaitForPopupAsync(),
Page.EvaluateAsync("url => window.__popup = window.open(url)", Server.EmptyPage));
var divHandle = await Page.EvaluateHandleAsync(@"() => {
const div = document.createElement('div');
document.body.appendChild(div);
const span = document.createElement('span');
span.textContent = 'hello';
div.appendChild(span);
return div;
}") as IElementHandle;
Assert.NotNull(divHandle);
Assert.AreEqual("hello", await divHandle.EvalOnSelectorAsync<string>("span", "e => e.textContent"));
await popup.WaitForLoadStateAsync(LoadState.DOMContentLoaded);
await Page.EvaluateAsync(@"() => {
const div = document.querySelector('div');
window.__popup.document.body.appendChild(div);
}");
Assert.NotNull(await divHandle.QuerySelectorAsync("span"));
Assert.AreEqual("hello", await divHandle.EvalOnSelectorAsync<string>("span", "e => e.textContent"));
}
[PlaywrightTest("elementhandle-query-selector.spec.ts", "should query existing elements")]
public async Task ShouldQueryExistingElements()
{
await Page.SetContentAsync("<html><body><div>A</div><br/><div>B</div></body></html>");
var html = await Page.QuerySelectorAsync("html");
var elements = await html.QuerySelectorAllAsync("div");
Assert.AreEqual(2, elements.Count());
var tasks = elements.Select(element => Page.EvaluateAsync<string>("e => e.textContent", element));
Assert.AreEqual(new[] { "A", "B" }, await TaskUtils.WhenAll(tasks));
}
[PlaywrightTest("elementhandle-query-selector.spec.ts", "should return empty array for non-existing elements")]
public async Task ShouldReturnEmptyArrayForNonExistingElements()
{
await Page.SetContentAsync("<html><body><span>A</span><br/><span>B</span></body></html>");
var html = await Page.QuerySelectorAsync("html");
var elements = await html.QuerySelectorAllAsync("div");
Assert.IsEmpty(elements);
}
[PlaywrightTest("elementhandle-query-selector.spec.ts", "xpath should query existing element")]
public async Task XPathShouldQueryExistingElement()
{
await Page.GotoAsync(Server.Prefix + "/playground.html");
await Page.SetContentAsync("<html><body><div class=\"second\"><div class=\"inner\">A</div></div></body></html>");
var html = await Page.QuerySelectorAsync("html");
var second = await html.QuerySelectorAllAsync("xpath=./body/div[contains(@class, 'second')]");
var inner = await second.First().QuerySelectorAllAsync("xpath=./div[contains(@class, 'inner')]");
string content = await Page.EvaluateAsync<string>("e => e.textContent", inner.First());
Assert.AreEqual("A", content);
}
[PlaywrightTest("elementhandle-query-selector.spec.ts", "xpath should return null for non-existing element")]
public async Task XPathShouldReturnNullForNonExistingElement()
{
await Page.SetContentAsync("<html><body><div class=\"second\"><div class=\"inner\">B</div></div></body></html>");
var html = await Page.QuerySelectorAsync("html");
var second = await html.QuerySelectorAllAsync("xpath=/div[contains(@class, 'third')]");
Assert.IsEmpty(second);
}
}
}
How to use ShouldQueryExistingElements method of Microsoft.Playwright.Tests.ElementHandleQuerySelectorTests class
Best Playwright-dotnet code snippet using Microsoft.Playwright.Tests.ElementHandleQuerySelectorTests.ShouldQueryExistingElements
Run Playwright-dotnet automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
ElementHandleQuerySelectorTests.cs
1/*
2 * MIT License
3 *
4 * Copyright (c) Microsoft Corporation.
5 *
6 * Permission is hereby granted, free of charge, to any person obtaining a copy
7 * of this software and associated documentation files (the "Software"), to deal
8 * in the Software without restriction, including without limitation the rights
9 * to use, copy, modify, merge, publish, distribute, sublicense, and / or sell
10 * copies of the Software, and to permit persons to whom the Software is
11 * furnished to do so, subject to the following conditions:
12 *
13 * The above copyright notice and this permission notice shall be included in all
14 * copies or substantial portions of the Software.
15 *
16 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22 * SOFTWARE.
23 */
24
25using System.Linq;
26using System.Threading.Tasks;
27using Microsoft.Playwright.NUnit;
28using NUnit.Framework;
29
30namespace Microsoft.Playwright.Tests
31{
32 public class ElementHandleQuerySelectorTests : PageTestEx
33 {
34 [PlaywrightTest("elementhandle-query-selector.spec.ts", "should query existing element")]
35 public async Task ShouldQueryExistingElement()
36 {
37 await Page.GotoAsync(Server.Prefix + "/playground.html");
38 await Page.SetContentAsync("<html><body><div class=\"second\"><div class=\"inner\">A</div></div></body></html>");
39 var html = await Page.QuerySelectorAsync("html");
40 var second = await html.QuerySelectorAsync(".second");
41 var inner = await second.QuerySelectorAsync(".inner");
42 string content = await Page.EvaluateAsync<string>("e => e.textContent", inner);
43 Assert.AreEqual("A", content);
44 }
45
46 [PlaywrightTest("elementhandle-query-selector.spec.ts", "should return null for non-existing element")]
47 public async Task ShouldReturnNullForNonExistingElement()
48 {
49 await Page.SetContentAsync("<html><body><div class=\"second\"><div class=\"inner\">B</div></div></body></html>");
50 var html = await Page.QuerySelectorAsync("html");
51 var second = await html.QuerySelectorAsync(".third");
52 Assert.Null(second);
53 }
54
55 [PlaywrightTest("elementhandle-query-selector.spec.ts", "should work for adopted elements")]
56 public async Task ShouldWorkForAdoptedElements()
57 {
58 await Page.GotoAsync(Server.EmptyPage);
59
60 var (popup, _) = await TaskUtils.WhenAll(
61 Page.WaitForPopupAsync(),
62 Page.EvaluateAsync("url => window.__popup = window.open(url)", Server.EmptyPage));
63
64 var divHandle = await Page.EvaluateHandleAsync(@"() => {
65 const div = document.createElement('div');
66 document.body.appendChild(div);
67 const span = document.createElement('span');
68 span.textContent = 'hello';
69 div.appendChild(span);
70 return div;
71 }") as IElementHandle;
72
73 Assert.NotNull(divHandle);
74 Assert.AreEqual("hello", await divHandle.EvalOnSelectorAsync<string>("span", "e => e.textContent"));
75
76 await popup.WaitForLoadStateAsync(LoadState.DOMContentLoaded);
77 await Page.EvaluateAsync(@"() => {
78 const div = document.querySelector('div');
79 window.__popup.document.body.appendChild(div);
80 }");
81
82 Assert.NotNull(await divHandle.QuerySelectorAsync("span"));
83 Assert.AreEqual("hello", await divHandle.EvalOnSelectorAsync<string>("span", "e => e.textContent"));
84 }
85
86 [PlaywrightTest("elementhandle-query-selector.spec.ts", "should query existing elements")]
87 public async Task ShouldQueryExistingElements()
88 {
89 await Page.SetContentAsync("<html><body><div>A</div><br/><div>B</div></body></html>");
90 var html = await Page.QuerySelectorAsync("html");
91 var elements = await html.QuerySelectorAllAsync("div");
92 Assert.AreEqual(2, elements.Count());
93 var tasks = elements.Select(element => Page.EvaluateAsync<string>("e => e.textContent", element));
94 Assert.AreEqual(new[] { "A", "B" }, await TaskUtils.WhenAll(tasks));
95 }
96
97 [PlaywrightTest("elementhandle-query-selector.spec.ts", "should return empty array for non-existing elements")]
98 public async Task ShouldReturnEmptyArrayForNonExistingElements()
99 {
100 await Page.SetContentAsync("<html><body><span>A</span><br/><span>B</span></body></html>");
101 var html = await Page.QuerySelectorAsync("html");
102 var elements = await html.QuerySelectorAllAsync("div");
103 Assert.IsEmpty(elements);
104 }
105
106 [PlaywrightTest("elementhandle-query-selector.spec.ts", "xpath should query existing element")]
107 public async Task XPathShouldQueryExistingElement()
108 {
109 await Page.GotoAsync(Server.Prefix + "/playground.html");
110 await Page.SetContentAsync("<html><body><div class=\"second\"><div class=\"inner\">A</div></div></body></html>");
111 var html = await Page.QuerySelectorAsync("html");
112 var second = await html.QuerySelectorAllAsync("xpath=./body/div[contains(@class, 'second')]");
113 var inner = await second.First().QuerySelectorAllAsync("xpath=./div[contains(@class, 'inner')]");
114 string content = await Page.EvaluateAsync<string>("e => e.textContent", inner.First());
115 Assert.AreEqual("A", content);
116 }
117
118 [PlaywrightTest("elementhandle-query-selector.spec.ts", "xpath should return null for non-existing element")]
119 public async Task XPathShouldReturnNullForNonExistingElement()
120 {
121 await Page.SetContentAsync("<html><body><div class=\"second\"><div class=\"inner\">B</div></div></body></html>");
122 var html = await Page.QuerySelectorAsync("html");
123 var second = await html.QuerySelectorAllAsync("xpath=/div[contains(@class, 'third')]");
124 Assert.IsEmpty(second);
125 }
126 }
127}
128
Accelerate Your Automation Test Cycles With LambdaTest
Leverage LambdaTestās cloud-based platform to execute your automation tests in parallel and trim down your test execution time significantly. Your first 100 automation testing minutes are on us.
Most used method in ElementHandleQuerySelectorTests
Trigger ShouldQueryExistingElements code on LambdaTest Cloud Grid
Execute automation tests with ShouldQueryExistingElements on a cloud-based Grid of 3000+ real browsers and operating systems for both web and mobile applications.
Test now for Free
We use cookies to give you the best experience. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. Learn More in our Cookies policy, Privacy & Terms of service
Allow Cookie
I hope you find the best code examples for your project.
If you want to accelerate automated browser testing, try LambdaTest. Your first 100 automation testing minutes are FREE.
Sarah Elson (Product & Growth Lead)