LocatorAssertions
LocatorAssertions 类提供了断言方法,可用于在测试中对 Locator 状态进行断言。
🌐 The LocatorAssertions class provides assertion methods that can be used to make assertions about the Locator state in the tests.
using Microsoft.Playwright;
using Microsoft.Playwright.MSTest;
namespace PlaywrightTests;
[TestClass]
public class ExampleTests : PageTest
{
[TestMethod]
public async Task StatusBecomesSubmitted()
{
// ...
await Page.GetByRole(AriaRole.Button, new() { Name = "Sign In" }).ClickAsync();
await Expect(Page.Locator(".status")).ToHaveTextAsync("Submitted");
}
}
方法
🌐 Methods
ToBeAttachedAsync
Added in: v1.33确保 Locator 指向一个已 连接 到文档或 ShadowRoot 的元素。
🌐 Ensures that Locator points to an element that is connected to a Document or a ShadowRoot.
用法
await Expect(Page.GetByText("Hidden text")).ToBeAttachedAsync();
参数
optionsLocatorAssertionsToBeAttachedOptions?(optional)
返回
ToBeCheckedAsync
Added in: v1.20确保 Locator 指向已选中的输入项。
🌐 Ensures the Locator points to a checked input.
用法
var locator = Page.GetByLabel("Subscribe to newsletter");
await Expect(locator).ToBeCheckedAsync();
参数
optionsLocatorAssertionsToBeCheckedOptions?(optional)
返回
ToBeDisabledAsync
Added in: v1.20确保 Locator 指向一个已禁用的元素。如果元素具有“disabled”属性或通过 'aria-disabled' 被禁用,则该元素被视为已禁用。请注意,只有像 HTML button、input、select、textarea、option、optgroup 这样的原生控件元素可以通过设置“disabled”属性来禁用。浏览器会忽略其他元素上的“disabled”属性。
🌐 Ensures the Locator points to a disabled element. Element is disabled if it has "disabled" attribute or is disabled via 'aria-disabled'. Note that only native control elements such as HTML button, input, select, textarea, option, optgroup can be disabled by setting "disabled" attribute. "disabled" attribute on other elements is ignored by the browser.
用法
var locator = Page.Locator("button.submit");
await Expect(locator).ToBeDisabledAsync();
参数
optionsLocatorAssertionsToBeDisabledOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToBeEditableAsync
Added in: v1.20确保 Locator 指向可编辑的元素。
🌐 Ensures the Locator points to an editable element.
用法
var locator = Page.GetByRole(AriaRole.Textbox);
await Expect(locator).ToBeEditableAsync();
参数
optionsLocatorAssertionsToBeEditableOptions?(optional)
返回
ToBeEmptyAsync
Added in: v1.20确保 Locator 指向一个空的可编辑元素或没有文本的 DOM 节点。
🌐 Ensures the Locator points to an empty editable element or to a DOM node that has no text.
用法
var locator = Page.Locator("div.warning");
await Expect(locator).ToBeEmptyAsync();
参数
optionsLocatorAssertionsToBeEmptyOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToBeEnabledAsync
Added in: v1.20确保 Locator 指向一个已启用的元素。
🌐 Ensures the Locator points to an enabled element.
用法
var locator = Page.Locator("button.submit");
await Expect(locator).ToBeEnabledAsync();
参数
optionsLocatorAssertionsToBeEnabledOptions?(optional)
返回
ToBeFocusedAsync
Added in: v1.20确保 Locator 指向一个已聚焦的 DOM 节点。
🌐 Ensures the Locator points to a focused DOM node.
用法
var locator = Page.GetByRole(AriaRole.Textbox);
await Expect(locator).ToBeFocusedAsync();
参数
optionsLocatorAssertionsToBeFocusedOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToBeHiddenAsync
Added in: v1.20确保 Locator 要么无法解析到任何 DOM 节点,要么解析到一个不可见的节点。
🌐 Ensures that Locator either does not resolve to any DOM node, or resolves to a non-visible one.
用法
var locator = Page.Locator(".my-element");
await Expect(locator).ToBeHiddenAsync();
参数
optionsLocatorAssertionsToBeHiddenOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToBeInViewportAsync
Added in: v1.31确保 Locator 指向根据 intersection observer API 与视口相交的元素。
🌐 Ensures the Locator points to an element that intersects viewport, according to the intersection observer API.
用法
var locator = Page.GetByRole(AriaRole.Button);
// Make sure at least some part of element intersects viewport.
await Expect(locator).ToBeInViewportAsync();
// Make sure element is fully outside of viewport.
await Expect(locator).Not.ToBeInViewportAsync();
// Make sure that at least half of the element intersects viewport.
await Expect(locator).ToBeInViewportAsync(new() { Ratio = 0.5 });
参数
optionsLocatorAssertionsToBeInViewportOptions?(optional)
返回
ToBeVisibleAsync
Added in: v1.20确保 Locator 指向一个已附加且可见的 DOM 节点。
🌐 Ensures that Locator points to an attached and visible DOM node.
要检查列表中至少有一个元素可见,请使用 Locator.First。
🌐 To check that at least one element from the list is visible, use Locator.First.
用法
// A specific element is visible.
await Expect(Page.GetByText("Welcome")).ToBeVisibleAsync();
// At least one item in the list is visible.
await Expect(Page.GetByTestId("todo-item").First).ToBeVisibleAsync();
// At least one of the two elements is visible, possibly both.
await Expect(
Page.GetByRole(AriaRole.Button, new() { Name = "Sign in" })
.Or(Page.GetByRole(AriaRole.Button, new() { Name = "Sign up" }))
.First
).ToBeVisibleAsync();
参数
optionsLocatorAssertionsToBeVisibleOptions?(optional)
返回
ToContainClassAsync
Added in: v1.52确保 Locator 指向具有指定 CSS 类的元素。断言值中的所有类(以空格分隔)都必须出现在 Element.classList 中,顺序可以任意。
🌐 Ensures the Locator points to an element with given CSS classes. All classes from the asserted value, separated by spaces, must be present in the Element.classList in any order.
用法
<div class='middle selected row' id='component'></div>
var locator = Page.Locator("#component");
await Expect(locator).ToContainClassAsync("middle selected row");
await Expect(locator).ToContainClassAsync("selected");
await Expect(locator).ToContainClassAsync("row middle");
当传递数组时,方法断言所在元素列表与预期类列表匹配。每个元素的类属性与数组中对应的类进行匹配:
🌐 When an array is passed, the method asserts that the list of elements located matches the corresponding list of expected class lists. Each element's class attribute is matched against the corresponding class in the array:
<div class='list'>
<div class='component inactive'></div>
<div class='component active'></div>
<div class='component inactive'></div>
</div>
var locator = Page.Locator(".list > .component");
await Expect(locator).ToContainClassAsync(new string[]{"inactive", "active", "inactive"});
参数
-
expectedstring | IEnumerable<string>#包含预期类名的字符串(以空格分隔),或用于断言多个元素的此类字符串列表。
-
optionsLocatorAssertionsToContainClassOptions?(optional)-
Timeout[float]? (optional)#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToContainTextAsync
Added in: v1.20确保 Locator 指向包含给定文本的元素。在计算元素的文本内容时,将考虑所有嵌套元素。你也可以对该值使用正则表达式。
🌐 Ensures the Locator points to an element that contains the given text. All nested elements will be considered when computing the text content of the element. You can use regular expressions for the value as well.
用法
var locator = Page.Locator(".title");
await Expect(locator).ToContainTextAsync("substring");
await Expect(locator).ToContainTextAsync(new Regex("\\d messages"));
如果你传递一个数组作为期望值,则期望为:
🌐 If you pass an array as an expected value, the expectations are:
- 定位器解析为元素列表。
- 此列表的子集中的元素分别包含预期数组中的文本。
- 匹配的元素子集与预期数组具有相同的顺序。
- 预期数组中的每个文本值都与列表中的某个元素匹配。
例如,考虑以下列表:
🌐 For example, consider the following list:
<ul>
<li>Item Text 1</li>
<li>Item Text 2</li>
<li>Item Text 3</li>
</ul>
让我们看看如何使用断言:
🌐 Let's see how we can use the assertion:
// ✓ Contains the right items in the right order
await Expect(Page.Locator("ul > li")).ToContainTextAsync(new string[] {"Text 1", "Text 3"});
// ✖ Wrong order
await Expect(Page.Locator("ul > li")).ToContainTextAsync(new string[] {"Text 3", "Text 2"});
// ✖ No item contains this text
await Expect(Page.Locator("ul > li")).ToContainTextAsync(new string[] {"Some 33"});
// ✖ Locator points to the outer list element, not to the list items
await Expect(Page.Locator("ul")).ToContainTextAsync(new string[] {"Text 3"});
参数
-
expectedstring | Regex | IEnumerable<string> | IEnumerable<Regex> Added in: v1.18#预期的子字符串或正则表达式或这些的列表。
-
optionsLocatorAssertionsToContainTextOptions?(optional)
返回
详情
当 expected 参数是字符串时,Playwright 会在匹配前对实际文本和预期字符串中的空格和换行进行规范化。当使用正则表达式时,实际文本将按原样进行匹配。
🌐 When expected parameter is a string, Playwright will normalize whitespaces and line breaks both in the actual text and in the expected string before matching. When regular expression is used, the actual text is matched as is.
ToHaveAccessibleDescriptionAsync
Added in: v1.44🌐 Ensures the Locator points to an element with a given accessible description.
用法
var locator = Page.GetByTestId("save-button");
await Expect(locator).ToHaveAccessibleDescriptionAsync("Save results to disk");
参数
-
预期可访问描述。
-
optionsLocatorAssertionsToHaveAccessibleDescriptionOptions?(optional)-
是否执行不区分大小写的匹配。如果指定,IgnoreCase 选项优先于相应的正则表达式标志。
-
Timeout[float]? (optional)#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveAccessibleErrorMessageAsync
Added in: v1.50确保 Locator 指向具有指定 aria errormessage 的元素。
🌐 Ensures the Locator points to an element with a given aria errormessage.
用法
var locator = Page.GetByTestId("username-input");
await Expect(locator).ToHaveAccessibleErrorMessageAsync("Username is required.");
参数
-
预期可访问的错误消息。
-
optionsLocatorAssertionsToHaveAccessibleErrorMessageOptions?(optional)-
是否执行不区分大小写的匹配。如果指定,IgnoreCase 选项优先于相应的正则表达式标志。
-
Timeout[float]? (optional)#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveAccessibleNameAsync
Added in: v1.44🌐 Ensures the Locator points to an element with a given accessible name.
用法
var locator = Page.GetByTestId("save-button");
await Expect(locator).ToHaveAccessibleNameAsync("Save to disk");
参数
-
预期可访问名称。
-
optionsLocatorAssertionsToHaveAccessibleNameOptions?(optional)-
是否执行不区分大小写的匹配。如果指定,IgnoreCase 选项优先于相应的正则表达式标志。
-
Timeout[float]? (optional)#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveAttributeAsync
Added in: v1.20确保 Locator 指向具有指定属性的元素。
🌐 Ensures the Locator points to an element with given attribute.
用法
var locator = Page.Locator("input");
await Expect(locator).ToHaveAttributeAsync("type", "text");
参数
-
属性名称。
-
valuestring | Regex Added in: v1.18#期望的属性值。
-
optionsLocatorAssertionsToHaveAttributeOptions?(optional)-
IgnoreCasebool? (optional) Added in: v1.40#是否执行不区分大小写的匹配。如果指定,IgnoreCase 选项优先于相应的正则表达式标志。
-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveClassAsync
Added in: v1.20确保 Locator 指向具有指定 CSS 类的元素。当提供字符串时,它必须完全匹配元素的 class 属性。要匹配单个类,请使用 Expect(Locator).ToContainClassAsync()。
🌐 Ensures the Locator points to an element with given CSS classes. When a string is provided, it must fully match the element's class attribute. To match individual classes use Expect(Locator).ToContainClassAsync().
用法
<div class='middle selected row' id='component'></div>
var locator = Page.Locator("#component");
await Expect(locator).ToHaveClassAsync("middle selected row");
await Expect(locator).ToHaveClassAsync(new Regex("(^|\\s)selected(\\s|$)"));
当传入一个数组时,该方法会断言定位到的元素列表与相应的预期类值列表匹配。每个元素的类属性都会与数组中的相应字符串或正则表达式进行匹配:
🌐 When an array is passed, the method asserts that the list of elements located matches the corresponding list of expected class values. Each element's class attribute is matched against the corresponding string or regular expression in the array:
var locator = Page.Locator(".list > .component");
await Expect(locator).ToHaveClassAsync(new string[]{"component", "component selected", "component"});
参数
-
expectedstring | Regex | IEnumerable<string> | IEnumerable<Regex> Added in: v1.18#预期的类或 RegExp 或这些的列表。
-
optionsLocatorAssertionsToHaveClassOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveCountAsync
Added in: v1.20确保 Locator 解析为确切数量的 DOM 节点。
🌐 Ensures the Locator resolves to an exact number of DOM nodes.
用法
var locator = Page.Locator("list > .component");
await Expect(locator).ToHaveCountAsync(3);
参数
-
预期计数。
-
optionsLocatorAssertionsToHaveCountOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveCSSAsync
Added in: v1.20确保 Locator 解析为具有给定计算 CSS 样式的元素。
🌐 Ensures the Locator resolves to an element with the given computed CSS style.
用法
var locator = Page.GetByRole(AriaRole.Button);
await Expect(locator).ToHaveCSSAsync("display", "flex");
参数
-
CSS 属性名称。
-
valuestring | Regex Added in: v1.18#CSS 属性值。
-
optionsLocatorAssertionsToHaveCSSOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveIdAsync
Added in: v1.20确保 Locator 指向具有指定 DOM 节点 ID 的元素。
🌐 Ensures the Locator points to an element with the given DOM Node ID.
用法
var locator = Page.GetByRole(AriaRole.Textbox);
await Expect(locator).ToHaveIdAsync("lastname");
参数
-
idstring | Regex Added in: v1.18#元素 ID。
-
optionsLocatorAssertionsToHaveIdOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveJSPropertyAsync
Added in: v1.20确保 Locator 指向具有指定 JavaScript 属性的元素。请注意,该属性可以是原始类型,也可以是普通可序列化的 JavaScript 对象。
🌐 Ensures the Locator points to an element with given JavaScript property. Note that this property can be of a primitive type as well as a plain serializable JavaScript object.
用法
var locator = Page.Locator(".component");
await Expect(locator).ToHaveJSPropertyAsync("loaded", true);
参数
-
属性名称。
-
value[object] Added in: v1.18#属性值
-
optionsLocatorAssertionsToHaveJSPropertyOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveRoleAsync
Added in: v1.44确保 Locator 指向具有指定 ARIA 角色 的元素。
🌐 Ensures the Locator points to an element with a given ARIA role.
请注意,角色是作为字符串匹配的,不考虑 ARIA 角色层次。例如,在具有子类角色 "switch" 的元素上断言超类角色 "checkbox" 将会失败。
🌐 Note that role is matched as a string, disregarding the ARIA role hierarchy. For example, asserting a superclass role "checkbox" on an element with a subclass role "switch" will fail.
用法
var locator = Page.GetByTestId("save-button");
await Expect(locator).ToHaveRoleAsync(AriaRole.Button);
参数
-
roleenum AriaRole { Alert, Alertdialog, Application, Article, Banner, Blockquote, Button, Caption, Cell, Checkbox, Code, Columnheader, Combobox, Complementary, Contentinfo, Definition, Deletion, Dialog, Directory, Document, Emphasis, Feed, Figure, Form, Generic, Grid, Gridcell, Group, Heading, Img, Insertion, Link, List, Listbox, Listitem, Log, Main, Marquee, Math, Meter, Menu, Menubar, Menuitem, Menuitemcheckbox, Menuitemradio, Navigation, None, Note, Option, Paragraph, Presentation, Progressbar, Radio, Radiogroup, Region, Row, Rowgroup, Rowheader, Scrollbar, Search, Searchbox, Separator, Slider, Spinbutton, Status, Strong, Subscript, Superscript, Switch, Tab, Table, Tablist, Tabpanel, Term, Textbox, Time, Timer, Toolbar, Tooltip, Tree, Treegrid, Treeitem }#所需的咏叹调角色。
-
optionsLocatorAssertionsToHaveRoleOptions?(optional)-
Timeout[float]? (optional)#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveTextAsync
Added in: v1.20确保 Locator 指向具有给定文本的元素。在计算元素的文本内容时,会考虑所有嵌套的元素。你也可以对该值使用正则表达式。
🌐 Ensures the Locator points to an element with the given text. All nested elements will be considered when computing the text content of the element. You can use regular expressions for the value as well.
用法
var locator = Page.Locator(".title");
await Expect(locator).ToHaveTextAsync(new Regex("Welcome, Test User"));
await Expect(locator).ToHaveTextAsync(new Regex("Welcome, .*"));
如果你传递一个数组作为期望值,则期望为:
🌐 If you pass an array as an expected value, the expectations are:
- 定位器解析为元素列表。
- 元素的数量等于数组中期望值的数量。
- 列表中的元素具有按顺序一一匹配预期数组值的文本。
例如,考虑以下列表:
🌐 For example, consider the following list:
<ul>
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ul>
让我们看看如何使用断言:
🌐 Let's see how we can use the assertion:
// ✓ Has the right items in the right order
await Expect(Page.Locator("ul > li")).ToHaveTextAsync(new string[] {"Text 1", "Text 2", "Text 3"});
// ✖ Wrong order
await Expect(Page.Locator("ul > li")).ToHaveTextAsync(new string[] {"Text 3", "Text 2", "Text 1"});
// ✖ Last item does not match
await Expect(Page.Locator("ul > li")).ToHaveTextAsync(new string[] {"Text 1", "Text 2", "Text"});
// ✖ Locator points to the outer list element, not to the list items
await Expect(Page.Locator("ul")).ToHaveTextAsync(new string[] {"Text 1", "Text 2", "Text 3"});
参数
-
expectedstring | Regex | IEnumerable<string> | IEnumerable<Regex> Added in: v1.18#预期的字符串或正则表达式或它们的列表。
-
optionsLocatorAssertionsToHaveTextOptions?(optional)-
IgnoreCasebool? (optional) Added in: v1.23#是否执行大小写不相关的匹配。[忽略Case]如果指定,(/api/class-locatorassertions.mdx#locator-assertions-to-have-text-option-ignore-case)选项优先于对应的正则表达式标志。
-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。 -
UseInnerTextbool? (optional) Added in: v1.18#在获取 DOM 节点文本时,是使用
element.innerText还是element.textContent。
-
返回
详情
当 expected 参数是字符串时,Playwright 会在匹配前对实际文本和预期字符串中的空格和换行进行规范化。当使用正则表达式时,实际文本将按原样进行匹配。
🌐 When expected parameter is a string, Playwright will normalize whitespaces and line breaks both in the actual text and in the expected string before matching. When regular expression is used, the actual text is matched as is.
ToHaveValueAsync
Added in: v1.20确保 Locator 指向具有给定输入值的元素。你也可以为该值使用正则表达式。
🌐 Ensures the Locator points to an element with the given input value. You can use regular expressions for the value as well.
用法
var locator = Page.Locator("input[type=number]");
await Expect(locator).ToHaveValueAsync(new Regex("[0-9]"));
参数
-
valuestring | Regex Added in: v1.18#期望值。
-
optionsLocatorAssertionsToHaveValueOptions?(optional)-
Timeout[float]? (optional) Added in: v1.18#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToHaveValuesAsync
Added in: v1.23确保 Locator 指向多选/组合框(即带有 multiple 属性的 select),并且选择了指定的值。
🌐 Ensures the Locator points to multi-select/combobox (i.e. a select with the multiple attribute) and the specified values are selected.
用法
例如,给定以下元素:
🌐 For example, given the following element:
<select id="favorite-colors" multiple>
<option value="R">Red</option>
<option value="G">Green</option>
<option value="B">Blue</option>
</select>
var locator = Page.Locator("id=favorite-colors");
await locator.SelectOptionAsync(new string[] { "R", "G" });
await Expect(locator).ToHaveValuesAsync(new Regex[] { new Regex("R"), new Regex("G") });
参数
-
valuesIEnumerable<string> | IEnumerable<Regex>#当前选择的预期选项。
-
optionsLocatorAssertionsToHaveValuesOptions?(optional)-
Timeout[float]? (optional)#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
ToMatchAriaSnapshotAsync
Added in: v1.49断言目标元素与给定的辅助功能快照匹配。
🌐 Asserts that the target element matches the given accessibility snapshot.
用法
await page.GotoAsync("https://demo.playwright.dev/todomvc/");
await Expect(page.Locator("body")).ToMatchAriaSnapshotAsync(@"
- heading ""todos""
- textbox ""What needs to be done?""
");
参数
expectedstring#optionsLocatorAssertionsToMatchAriaSnapshotOptions?(optional)-
Timeout[float]? (optional)#重试断言的时间(以毫秒为单位)。默认值为
5000。
-
返回
属性
🌐 Properties
Not
Added in: v1.20使断言检查相反的条件。例如,这段代码测试 Locator 不包含文本 "error":
🌐 Makes the assertion check for the opposite condition. For example, this code tests that the Locator doesn't contain text "error":
await Expect(locator).Not.ToContainTextAsync("error");
用法
Expect(Locator).Not
类型