23c36a24ed
This commit disables the Selenium Promise Manager when running e2e tests for docs examples in order to more closely align them with new apps created with CLI v11. This change requires that any async operations in tests are handled explicitly (e.g. using `async/await` or `Promise#then()`). PR Close #39818
54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
import { browser, element, by } from 'protractor';
|
|
|
|
describe('Structural Directives', () => {
|
|
|
|
beforeAll(() => browser.get(''));
|
|
|
|
it('first div should show hero name with *ngIf', async () => {
|
|
const allDivs = element.all(by.tagName('div'));
|
|
expect(await allDivs.get(0).getText()).toEqual('Dr Nice');
|
|
});
|
|
|
|
it('first li should show hero name with *ngFor', async () => {
|
|
const allLis = element.all(by.tagName('li'));
|
|
expect(await allLis.get(0).getText()).toEqual('Dr Nice');
|
|
});
|
|
|
|
it('ngSwitch have two <happy-hero> instances', async () => {
|
|
const happyHeroEls = element.all(by.tagName('app-happy-hero'));
|
|
expect(await happyHeroEls.count()).toEqual(2);
|
|
});
|
|
|
|
it('should toggle *ngIf="hero" with a button', async () => {
|
|
const toggleHeroButton = element.all(by.cssContainingText('button', 'Toggle hero')).get(0);
|
|
const paragraph = element.all(by.cssContainingText('p', 'I turned the corner'));
|
|
expect(await paragraph.get(0).getText()).toContain('I waved');
|
|
await toggleHeroButton.click();
|
|
expect(await paragraph.get(0).getText()).not.toContain('I waved');
|
|
});
|
|
|
|
it('should have only one "Hip!" (the other is erased)', async () => {
|
|
const paragraph = element.all(by.cssContainingText('p', 'Hip!'));
|
|
expect(await paragraph.count()).toEqual(1);
|
|
});
|
|
|
|
it('appUnless should show 3 paragraph (A)s and (B)s at the start', async () => {
|
|
const paragraph = element.all(by.css('p.unless'));
|
|
expect(await paragraph.count()).toEqual(3);
|
|
for (let i = 0; i < 3; i++) {
|
|
expect(await paragraph.get(i).getText()).toContain('(A)');
|
|
}
|
|
});
|
|
|
|
it('appUnless should show 1 paragraph (B) after toggling condition', async () => {
|
|
const toggleConditionButton = element.all(by.cssContainingText('button', 'Toggle condition')).get(0);
|
|
const paragraph = element.all(by.css('p.unless'));
|
|
|
|
await toggleConditionButton.click();
|
|
|
|
expect(await paragraph.count()).toEqual(1);
|
|
expect(await paragraph.get(0).getText()).toContain('(B)');
|
|
});
|
|
});
|
|
|