mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
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
82 lines
2.7 KiB
TypeScript
82 lines
2.7 KiB
TypeScript
import { browser, by, element, ElementFinder, ExpectedConditions as EC } from 'protractor';
|
|
|
|
/* tslint:disable:quotemark */
|
|
describe('Elements', () => {
|
|
const messageInput = element(by.css('input'));
|
|
const popupButtons = element.all(by.css('button'));
|
|
|
|
// Helpers
|
|
const click = async (elem: ElementFinder) => {
|
|
// Waiting for the element to be clickable, makes the tests less flaky.
|
|
await browser.wait(EC.elementToBeClickable(elem), 5000);
|
|
await elem.click();
|
|
};
|
|
const waitForText = async (elem: ElementFinder) => {
|
|
// Waiting for the element to have some text, makes the tests less flaky.
|
|
await browser.wait(async () => /\S/.test(await elem.getText()), 5000);
|
|
};
|
|
|
|
beforeEach(() => browser.get(''));
|
|
|
|
describe('popup component', () => {
|
|
const popupComponentButton = popupButtons.get(0);
|
|
const popupComponent = element(by.css('popup-component'));
|
|
const closeButton = popupComponent.element(by.css('button'));
|
|
|
|
it('should be displayed on button click', async () => {
|
|
expect(await popupComponent.isPresent()).toBe(false);
|
|
|
|
await click(popupComponentButton);
|
|
expect(await popupComponent.isPresent()).toBe(true);
|
|
});
|
|
|
|
it('should display the specified message', async () => {
|
|
await messageInput.clear();
|
|
await messageInput.sendKeys('Angular rocks!');
|
|
|
|
await click(popupComponentButton);
|
|
await waitForText(popupComponent);
|
|
|
|
expect(await popupComponent.getText()).toContain('Popup: Angular rocks!');
|
|
});
|
|
|
|
it('should be closed on "close" button click', async () => {
|
|
await click(popupComponentButton);
|
|
expect(await popupComponent.isPresent()).toBe(true);
|
|
|
|
await click(closeButton);
|
|
expect(await popupComponent.isPresent()).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('popup element', () => {
|
|
const popupElementButton = popupButtons.get(1);
|
|
const popupElement = element(by.css('popup-element'));
|
|
const closeButton = popupElement.element(by.css('button'));
|
|
|
|
it('should be displayed on button click', async () => {
|
|
expect(await popupElement.isPresent()).toBe(false);
|
|
|
|
await click(popupElementButton);
|
|
expect(await popupElement.isPresent()).toBe(true);
|
|
});
|
|
|
|
it('should display the specified message', async () => {
|
|
await messageInput.clear();
|
|
await messageInput.sendKeys('Angular rocks!');
|
|
|
|
await click(popupElementButton);
|
|
await waitForText(popupElement);
|
|
|
|
expect(await popupElement.getText()).toContain('Popup: Angular rocks!');
|
|
});
|
|
|
|
it('should be closed on "close" button click', async () => {
|
|
await click(popupElementButton);
|
|
expect(await popupElement.isPresent()).toBe(true);
|
|
|
|
await click(closeButton);
|
|
expect(await popupElement.isPresent()).toBe(false);
|
|
});
|
|
});
|
|
});
|