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
46 lines
1.9 KiB
TypeScript
46 lines
1.9 KiB
TypeScript
import { browser, element, by } from 'protractor';
|
|
|
|
// TODO Not yet complete
|
|
describe('Template Syntax', () => {
|
|
|
|
beforeAll(() => browser.get(''));
|
|
|
|
it('should be able to use interpolation with a hero', async () => {
|
|
const heroInterEle = element.all(by.css('h2+p')).get(0);
|
|
expect(await heroInterEle.getText()).toEqual('My current hero is Hercules');
|
|
});
|
|
|
|
it('should be able to use interpolation with a calculation', async () => {
|
|
const theSumEles = element.all(by.cssContainingText('h3~p', 'The sum of'));
|
|
expect(await theSumEles.count()).toBe(2);
|
|
expect(await theSumEles.get(0).getText()).toEqual('The sum of 1 + 1 is 2');
|
|
expect(await theSumEles.get(1).getText()).toEqual('The sum of 1 + 1 is not 4');
|
|
});
|
|
|
|
it('should be able to use class binding syntax', async () => {
|
|
const specialEle = element(by.cssContainingText('div', 'Special'));
|
|
expect(await specialEle.getAttribute('class')).toMatch('special');
|
|
});
|
|
|
|
it('should be able to use style binding syntax', async () => {
|
|
const specialButtonEle = element(by.cssContainingText('div.special~button', 'button'));
|
|
expect(await specialButtonEle.getAttribute('style')).toMatch('color: red');
|
|
});
|
|
|
|
it('should two-way bind to sizer', async () => {
|
|
const div = element(by.css('div#two-way-1'));
|
|
const incButton = div.element(by.buttonText('+'));
|
|
const input = div.element(by.css('input'));
|
|
const initSize = await input.getAttribute('value');
|
|
await incButton.click();
|
|
expect(await input.getAttribute('value')).toEqual((+initSize + 1).toString());
|
|
});
|
|
|
|
it('should change SVG rectangle\'s fill color on click', async () => {
|
|
const div = element(by.css('app-svg'));
|
|
const colorSquare = div.element(by.css('rect'));
|
|
const initialColor = await colorSquare.getAttribute('fill');
|
|
await colorSquare.click();
|
|
expect(await colorSquare.getAttribute('fill')).not.toEqual(initialColor);
|
|
});
|
|
});
|