首先附上 Protractor 的学习网址：http://www.protractortest.org/#/ 里面有一些学习的API和如何配置项目e2e Test.
命名：Eg：welcome-to-angular-protractor-test.e2e-spec.ts // 具体的case实例
hello-angular-protractor.po.ts //集中放置angular 类，元素定位，方法，实例
举个例子：welcome-to-angular-protractor-test.e2e-spec.ts
import { browser, by, element } from 'protractor'; //按需导入proctractor需要的实例对象
import { HelloWorld } from '../../angular-test/hello-world.po'; // 导入其他所需实例
import { Timeouts } from '../../shared/protractor-utils/test-utils'; // 导入工具类超时处理对象
describe('This case to test and verify the form content right', async () => {
const helloAngularProtractorTest = new HelloAngularProtractorTest();
const PAGE_PAGE_URL = '/#/hello-world/form-table';
//一些钩子函数
beforeAll(async () => {
await browser.get(SUPPLIER_DISQUALIFICATION_URL);
});
beforeEach(async () => {});
afterEach(async () => {});
// Test case instance,一个it 就是一个测试的最小单元，而一个descirbe就是若干个it的集合
it('Verify form data is validate', async => {
await(element(by.linkText('hello'))).click();
expect(element(by.css('span.section-text.selected')).getAttribute('color')).toBe('rgb(10, 110, 209)');
expect(element(by.css('div.hello-header')).getText()).toBe('hello');
expect(await browser.getCurrentUrl()).toContain('/hello');
expect(element(by.css('div.hello')).getText()).toContain('hellworld');
expect(element.all(by.css('.value-container > div > span.text')).getText()).toBe('hello');
await element.all(by.css('i.material-icons.search-icon')).get(2).click();
expect(await element(by.css('i.row-middle-icon.row-vertical-icon')).isPresent()).toBe(true);
element(by.xpath('//*[@id="hello-angular-protractor-case"]/div/div[2]/button/span/span'));
$$('mat-checkbox-layout');
});
});
hello-world.po.ts
public async clickViewIcon() {
await this.scrollIntoView(this.viewDetailIcon);
await this.viewDetailIcon.click();
}
public async clickEditButton() {
await this.scrollIntoView(this.editButton);
await this.editButton.click();
}
Issues:
点击一个按钮本地路由的跳转无法模拟，有些页面元素获取不到，本地master-data.service.ts 文件的配置，连续状态的数据的获取，即有start->doing->pending->complete这些连续状态的数据的本地获取，然后来模拟去test
