Question

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

var path = require('path');


describe('TC:Create Units Component/Reset Button', () => {

  let select: ElementFinder;

  beforeEach(() => {
    browser.get('http://localhost:4200/content/createunits');
    select = element(by.tagName('ng-select'));
  });

  it('should be rendered', async () => {
    expect(select).toBeDefined();

    //Reset button
    select.element(by.css('.ng-select-container')).click();
    expect(select.getAttribute('class')).toMatch('ng-select-opened');
    //select.element(by.css('.ng-select-container')).click();
    //TO SELECT A PARTICULAR OPTION IN THE LIST
    element.all(by.css('.ng-option')).filter(async function(element, index) {
      const text = await element.getText();
      return text === 'compA1';
    }).first().click();
    browser.sleep(1000);
  })
  it('should be rendered', async () => {
    expect(select).toBeDefined();
    select.element(by.css('.ng-select-container')).click();
    expect(select.getAttribute('class')).toMatch('ng-select-opened');
   // select.element(by.css('.ng-select-container')).click();
    //TO SELECT A PARTICULAR OPTION IN THE LIST
    element.all(by.css('.ng-option')).filter(async function(element, index) {
      const text = await element.getText();
      return text === 'LF1';
    }).first().click();
    browser.sleep(1000);



    element(by.id('unitName')).sendKeys('dummy unit');
    browser.sleep(1000);
    element(by.id('description')).sendKeys('dc');
    browser.sleep(1000);
    var registerButton = element(by.buttonText('Reset'));
    var s = registerButton.click();
    browser.sleep(1000);

  })
})

我已经尝试过了，但是它不能处理第二个下拉菜单。如何进行下一个下拉菜单？第二个“ it”块用于处理第二个下拉菜单。同一页面上的两个下拉菜单（angularJS）只能从一个下拉菜单中成功选择元素。

Answer 1

当量角器为定位器找到多个匹配项时，它仅使用第一个。理想的解决方案是在下拉菜单中添加唯一的ID，因此测试需要进行一些锁定。然后可以将select从beforeEach移出，并以{p>

it

或者，如果您更喜欢select = element(by.id('myFirstDropdown')); select = element(by.id('mySecondDropdown'));别名：

如果您没有自由更改页面的权限，则还可以获取所有下拉列表并在ElementArrayFinder中建立索引，但是请注意，这使您的测试取决于DOM中下拉列表的顺序，这可能是易碎。

select = $('#myFirstDropdown');
select = $('#mySecondDropdown');

量角器：同一页面上的两个下拉菜单（angularJS），只能从一个下拉菜单中成功选择元素

1 个答案: