使用 mat-select 实现的下拉列表中的量角器 select 值

Question

我正在寻找一个量角器方法，它将 select 从此下拉列表中的值。下拉列表包含 4 个值，其中之一是 "Delta"。我如何 select 来自这个 select 的值，或者因为它没有我可以使用的任何选项标签。

我意识到实际选项在另一个 tag.How 下 select 选项吗？以下似乎不起作用。

元素(by.cssContainingText('mat-select-panel mat-select-content .mat-option .mat-option-text','Fund')) .click();

Answer 1

by.cssContainingText 是一种解决方案。要获取包含文本 "Delta" 的元素，您可以执行 element(by.cssContainingText('span','Delta'));

此外，类似的 QA（不是骗子）可能对您有用：dropdown select by visible text

Answer 2

选项的HTML代码在mat-select节点之外。在 mat-select 节点中找不到它们。

// click the down arrow at right side to expand options
element(by.css('mat-select#mat-select-8 .mat-select-arrow-wrapper')).click();
// choose desired option
element(by.xpath('//mat-option[.="Delta"]')).click();

Answer 3

我就是这样解决的。首先，我必须单击下拉菜单，然后再单击一次以选择值。

element(by.tagName('mat-toolbar')).element(by.tagName('mat-select')).click();

element(by.cssContainingText('mat-option .mat-option-text', 'Delta')).click();
browser.waitForAngular();

感谢您的指导。欣赏一下。

使用 mat-select 实现的下拉列表中的量角器 select 值

protractor select values from drop down implemented using mat-select

xpath

css-selectors

typescript

angularjs-e2e

protractor