如何使用量角器正确编写菜单选择测试？

Question

我试图理解如何在量角器测试中连接事件。下面是一个最小化的例子，如果包含了第二个browser . sleep(browser . sleep(3000))，那么测试就通过了。因为promise来自click-event(element(by . tagname(' mat-form-field))。click())现在应该已经解决了。我想知道为什么考试没有通过。

会不会是因为promise是在点击之后被解决的，所以在点击事件之后，但在它触发的动作完成之前？(延迟显示下拉菜单)

如果是这种情况，我应该如何创建一个测试，直到选择菜单可见，然后再继续从菜单中选择一个选项？

相关问题：在量角器的下拉菜单中选择元素

import {browser, by, element} from 'protractor';

describe('workspace-project App', () => {
  
    it('should select', () => {
      browser.get('http://localhost:4200/test').then(() => {
          // browser.sleep(4000);
          element(by.tagName('mat-form-field')).click().then(() => {
            // browser.sleep(3000);
            element.all(by.css('span.mat-option-text')).getText().then((values) => {
              element.all(by.css('span.mat-option-text')).filter((elem, index) => {
                return elem.getText().then((text) => {
                  return values[1] === text;
                });
              }).first().click();
              browser.sleep(2000);
            });
          });
        });
      });
});

<p>
  <mat-form-field>
    <mat-select [(value)]="selected">
      <mat-option>None</mat-option>
      <mat-option value="option1">Option 1</mat-option>
      <mat-option value="option2">Option 2</mat-option>
      <mat-option value="option3">Option 3</mat-option>
    </mat-select>
  </mat-form-field>
</p>

Answer 1

检查元素是否存在于页面的DOM中并可见的期望。可见性意味着不仅显示元素，而且元素的高度和宽度都大于0。这与“invisibilityOf”相反。

Answer 2

如果你想在执行一个动作之前等待元素，你应该使用:http://www.protractortest.org/#/api?view = proutorexpectedconditions . prototype . visibility of

element.all(by.css('span.mat-option-text')).getText().then((values) => {
  element.all(by.css('span.mat-option-text')).filter((elem, index) => {
    return elem.getText().then((text) => {
      return values[1] === text;
    });
  }).first().click();
});

这部分代码应该被替换。现在您正在尝试对ElementArrayFinder执行getText（）。您可以在ElementFinder上执行此操作。此外，您将在这些ElementArrayFinder上循环两次。在filter（）中，您定义了索引，但不要在任何地方使用它。索引是可选参数-如果您不打算使用它-请忽略它。

值[1] === 文本;- 如果您想选择选项2，请尝试：

从“量角器”导入{browser，by，element}；

describe('workspace-project App', () => {
  it('should select', () => {
    return browser.get('http://localhost:4200/test').then(() => {
      return element(by.tagName('mat-form-field')).click().then(() => {
        //add Expected Condition here
        return element(by.css('mat-option[value="option2"]')).click();
      });
    });
  });
});