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

Question

我希望编写一个量角器方法，该方法将从此下拉列表中选择值。下拉列表包含 4 个值，其中一个是“增量”。如何从此选择器中选择值，因为它没有任何我可以使用的选项标记。

我意识到实际选项在另一个tag.How我应该选择选项吗？下面的方法似乎不起作用。

element(by . CSS containing text(' mat-select-panel mat-select-content。mat-选项。mat-option-text '，' Fund ')。单击()；

Answer 1

by.cssContainingText是一种解决方案。要获取包含文本“Delta”的元素，可以使用< code > element(by . CSS containing text(' span '，' Delta ')；

此外，一个类似的问答(不是一个骗子)可能对你有用:下拉选择可见文本

Answer 2

选项的HTML代码在< code>mat-select节点之外。不要在< code>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();

感谢您的指导。欣赏它。