mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
George Kalpakas
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
67 lines
2.7 KiB
TypeScript
67 lines
2.7 KiB
TypeScript
import { browser, element, by } from 'protractor';
|
|
|
|
describe('Event binding example', () => {
|
|
|
|
beforeEach(() => browser.get(''));
|
|
|
|
const saveButton = element.all(by.css('button')).get(0);
|
|
const onSaveButton = element.all(by.css('button')).get(1);
|
|
const myClick = element.all(by.css('button')).get(2);
|
|
const deleteButton = element.all(by.css('button')).get(3);
|
|
const saveNoProp = element.all(by.css('button')).get(4);
|
|
const saveProp = element.all(by.css('button')).get(5);
|
|
|
|
|
|
it('should display Event Binding with Angular', async () => {
|
|
expect(await element(by.css('h1')).getText()).toEqual('Event Binding');
|
|
});
|
|
|
|
it('should display 6 buttons', async () => {
|
|
expect(await saveButton.getText()).toBe('Save');
|
|
expect(await onSaveButton.getText()).toBe('on-click Save');
|
|
expect(await myClick.getText()).toBe('click with myClick');
|
|
expect(await deleteButton.getText()).toBe('Delete');
|
|
expect(await saveNoProp.getText()).toBe('Save, no propagation');
|
|
expect(await saveProp.getText()).toBe('Save with propagation');
|
|
});
|
|
|
|
it('should support user input', async () => {
|
|
const input = element(by.css('input'));
|
|
const bindingResult = element.all(by.css('h4')).get(1);
|
|
expect(await bindingResult.getText()).toEqual('Result: teapot');
|
|
await input.sendKeys('abc');
|
|
expect(await bindingResult.getText()).toEqual('Result: teapotabc');
|
|
});
|
|
|
|
it('should hide the item img', async () => {
|
|
await deleteButton.click();
|
|
await browser.switchTo().alert().accept();
|
|
expect(await element.all(by.css('img')).get(0).getCssValue('display')).toEqual('none');
|
|
});
|
|
|
|
it('should show two alerts', async () => {
|
|
const parentDiv = element.all(by.css('.parent-div'));
|
|
const childDiv = element.all(by.css('div > div')).get(1);
|
|
await parentDiv.click();
|
|
await browser.switchTo().alert().accept();
|
|
expect(await childDiv.getText()).toEqual('Click me too! (child)');
|
|
await childDiv.click();
|
|
expect(await browser.switchTo().alert().getText()).toEqual('Click me. Event target class is child-div');
|
|
await browser.switchTo().alert().accept();
|
|
});
|
|
|
|
it('should show 1 alert from Save, no prop, button', async () => {
|
|
await saveNoProp.click();
|
|
expect(await browser.switchTo().alert().getText()).toEqual('Saved. Event target is Save, no propagation');
|
|
await browser.switchTo().alert().accept();
|
|
});
|
|
|
|
it('should show 2 alerts from Save w/prop button', async () => {
|
|
await saveProp.click();
|
|
expect(await browser.switchTo().alert().getText()).toEqual('Saved.');
|
|
await browser.switchTo().alert().accept();
|
|
expect(await browser.switchTo().alert().getText()).toEqual('Saved.');
|
|
await browser.switchTo().alert().accept();
|
|
});
|
|
});
|