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
58 lines
2.1 KiB
TypeScript
58 lines
2.1 KiB
TypeScript
import { browser, element, by } from 'protractor';
|
|
|
|
describe('Forms Tests', () => {
|
|
|
|
beforeEach(() => browser.get(''));
|
|
|
|
it('should display correct title', async () => {
|
|
expect(await element.all(by.css('h1')).get(0).getText()).toEqual('Hero Form');
|
|
});
|
|
|
|
it('should not display message before submit', async () => {
|
|
const ele = element(by.css('h2'));
|
|
expect(await ele.isDisplayed()).toBe(false);
|
|
});
|
|
|
|
it('should hide form after submit', async () => {
|
|
const ele = element.all(by.css('h1')).get(0);
|
|
expect(await ele.isDisplayed()).toBe(true);
|
|
|
|
const b = element.all(by.css('button[type=submit]')).get(0);
|
|
await b.click();
|
|
expect(await ele.isDisplayed()).toBe(false);
|
|
});
|
|
|
|
it('should display message after submit', async () => {
|
|
const b = element.all(by.css('button[type=submit]')).get(0);
|
|
await b.click();
|
|
expect(await element(by.css('h2')).getText()).toContain('You submitted the following');
|
|
});
|
|
|
|
it('should hide form after submit', async () => {
|
|
const alterEgoEle = element.all(by.css('input[name=alterEgo]')).get(0);
|
|
expect(await alterEgoEle.isDisplayed()).toBe(true);
|
|
|
|
const submitButtonEle = element.all(by.css('button[type=submit]')).get(0);
|
|
await submitButtonEle.click();
|
|
expect(await alterEgoEle.isDisplayed()).toBe(false);
|
|
});
|
|
|
|
it('should reflect submitted data after submit', async () => {
|
|
const alterEgoEle = element.all(by.css('input[name=alterEgo]')).get(0);
|
|
const value = await alterEgoEle.getAttribute('value');
|
|
const test = 'testing 1 2 3';
|
|
const newValue = value + test;
|
|
|
|
await alterEgoEle.sendKeys(test);
|
|
expect(await alterEgoEle.getAttribute('value')).toEqual(newValue);
|
|
|
|
const b = element.all(by.css('button[type=submit]')).get(0);
|
|
await b.click();
|
|
|
|
const alterEgoTextEle = element(by.cssContainingText('div', 'Alter Ego'));
|
|
expect(await alterEgoTextEle.isPresent()).toBe(true, 'cannot locate "Alter Ego" label');
|
|
const divEle = element(by.cssContainingText('div', newValue));
|
|
expect(await divEle.isPresent()).toBe(true, `cannot locate div with this text: ${newValue}`);
|
|
});
|
|
});
|