jquery - Protractor - 获取菜单元素时出现问题

Question

我正在尝试获取不同的菜单项来测试链接，我已经想出了如何使用下拉菜单来执行此操作，但只是一个通用的导航栏给我带来了问题。这是我尝试使用的 Protractor 代码

// globals for second menu
var mainMenu = element.all(by.id('mainMenu'));

// Second menu
this.dashboard = function() {
    mainMenu.get(0).element(by.linkText('Dashboard')).click();
    browser.waitForAngular();
}

this.content = function() {
    mainMenu.get(1).element(by.linkText('Content')).click();
    browser.waitForAngular();
}


describe('Should Test main Navbar functions', function() {

    it('Dashboard should direct to dashboard page', function() {
        navbar.dashboard();
        expect(browser.getCurrentUrl()).toContain(dashboardUrl);
    });

    it('Content should direct to course page', function() {
        navbar.content();
        expect(browser.getCurrentUrl()).toContain(contentUrl);
    })
});

HTML 组件。

Answer 1

试试这个:

this.mainMenu = element(by.id('mainMenu'));
这个.mainMenu.click();
this.element(by.linkText('Dashboard')).click();

类似地，您可以使用其他菜单

this.mainMenu.click();
this.element(by.linkText('Content')).click();