单击ts文件中的选项卡

时间:2016-05-09 04:57:51

标签: angular protractor ionic2

我正在进行e2e测试,在这里我需要打开html文件中不存在的标签,它位于ts文件中作为模板

import {soPage}                 from    './soList.ts';
import {poPage}                 from    './poList.ts';

@Page({

    template : 
        `<ion-tabs primary  class="tabs" id="tabs" selectedIndex="1">
            <ion-tab [root]="tab1" class="tab1"  tabTitle="SO" ></ion-tab>
            <ion-tab [root]="tab2"  class="tab2"  tabTitle="PO" ></ion-tab>
        </ion-tabs>`,

})

我在e2e中尝试过:

describe('Approval Module', () => {
    it('Should click on the SO tab',() => {
        element(by.css(tab1)).click();
        browser.driver.sleep(6000); 
    });
});

但我得错了

approval.e2e.ts (3,18): Cannot find name 'tab1'. (2304)

可以帮助我点击该标签

1 个答案:

答案 0 :(得分:2)

您使用tab1作为变量,但它应该是一个字符串。改变这一行

element(by.css(tab1)).click();

element(by.css('tab1')).click();

这个错误应该修复。