带有量角器的 IE 中的 select 标签问题

Question

我使用 IEDriverServer（32 位）进行量角器测试运行 Selenium。 <select> 标签未被点击并显示其选项时，我遇到了一些问题。

这是我的 conf.js:

exports.config = {
// The address of a running selenium server.
seleniumAddress: 'http://localhost:4444/wd/hub',

// Capabilities to be passed to the webdriver instance.
multiCapabilities: [
    {
        browserName: 'internet explorer',
        ignoreProtectedModeSettings: true,
        ignoreZoomSetting: true,
        nativeEvents: false
    }
    //,
    //{
    //    browserName: 'chrome'
    //}
],
baseUrl: String(process.env.COMPUTERNAME.toLowerCase()) === String('build') ? 'http://dev/' : 'http://' + process.env.COMPUTERNAME + '/',

// can use 'suites' instead of 'specs' - check api documentation
suites: {
    dashboard: 'dashboard/myCallbacksWidget_spec.js',
    employees: 'employees/employees_spec.js',
    lead: 'lead/lead_spec.js',
},

// Options to be passed to Jasmine-node.
jasmineNodeOpts: {
    showColors: true,
    defaultTimeoutInterval: 80000
},

allScriptsTimeout: 80000,

onPrepare: function () {

    browser.driver.manage().window().maximize();

    if (process.env.TEAMCITY_VERSION) {
        require('jasmine-reporters');
        jasmine.getEnv().addReporter(new jasmine.TeamcityReporter());
    };
    //var ScreenShotReporter = require('protractor-screenshot-reporter');
    var ScreenShotReporter = require('protractor-html-screenshot-reporter');
    var path = require('path');
    jasmine.getEnv().addReporter(new ScreenShotReporter({
        baseDirectory: 'tmp/report',
        pathBuilder: function pathBuilder(spec, descriptions, results, capabilities) {
            return descriptions.join('-');
        }
        //takeScreenShotsOnlyForFailedSpecs: true
    }));
   }
};

这是我的测试：

describe('Lead Details Test', function () {
var arrowDown = '\uE015';

it('should open the first lead', function () {
    browser.get('Slate.Iva/#/search-leads');

    var firstItem = element(by.repeater('row in renderedRows').row(0));
    firstItem.evaluate('onDblClickRow(row)');

    expect(element(by.id('leadName')).isPresent()).toBe(true);
});

it('should select reason for difficulty', function () {
    var reasonForDifficulty = element(by.id('reasonForDifficultySelect'));
    expect(reasonForDifficulty.isPresent()).toBe(true);
    reasonForDifficulty.click().sendKeys(arrowDown).sendKeys(protractor.Key.ENTER);

    var saveButton = element(by.id('saveLead'));
    saveButton.click();

    browser.refresh();

    var firstOption = element.all(by.options('item.id as item.name for item in leadData.reasonForDifficultyTypes')).first();
    expect(firstOption.getText()).toEqual('Cosmetic Surgery');
  });
});

当我执行 reasonForDifficulty.click() 时，它会突出显示 <select> 但 sendKeys 似乎不起作用。

如果 <select> 是选定的下拉菜单，则此代码有效。

我正在使用 Protractor 2.0.0、Selenium 2.45.0 和 IEDriverServer 2.45.0.0。我也是运行 Windows 8.1 并且有 IE11。

是否有解决此问题的方法，或者我是否遗漏了代码中的某些内容？

Answer 1

根据我的评论，以下应该有效；

var value = 'It was too difficult';
reasonForDifficulty.element(by.cssContainingText('option', value)).click();

这将 select 下拉选项 "It was too difficult"，如果您要测试特定选项对您的应用程序的影响，这很好。

或者，如果您想按数字进行操作，您可以使用

 var optionNum = 5
 var options = reasonForDifficulty.all(by.tagName('option'))
    .then(function(options){
      options[optionNum].click();
    });

第二个将 select 下拉列表中的第 6 个选项（当然 0 是第一个），如果您真的不在乎什么选项，这是一个不错的选择 selected，如果你正在测试一个数据不断变化的应用程序会更好，它会使你的测试更加健壮（在我看来）。

带有量角器的 IE 中的 select 标签问题

Issue with select tag in IE with Protractor

selenium

internet-explorer

webdriver

angularjs

protractor