mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Paul Gschwendtner
afb0ee37eb
Removes the screenshot test tool since Angular Material is visually being tested inside of Google.
80 lines
2.4 KiB
TypeScript
80 lines
2.4 KiB
TypeScript
import {
|
|
browser, by, element, ElementFinder, ExpectedConditions
|
|
} from 'protractor';
|
|
import {expectFocusOn, expectToExist} from '../util/asserts';
|
|
import {pressKeys} from '../util/actions';
|
|
import {Key} from 'selenium-webdriver';
|
|
|
|
describe('stepper', () => {
|
|
beforeEach(() => browser.get('/stepper'));
|
|
|
|
it('should render a stepper', () => {
|
|
expectToExist('mat-horizontal-stepper');
|
|
});
|
|
|
|
describe('basic behavior', () => {
|
|
it('should change steps correctly when stepper button is clicked', async () => {
|
|
const previousButton = element.all(by.buttonText('Back'));
|
|
const nextButton = element.all(by.buttonText('Next'));
|
|
|
|
expect(await element(by.css('mat-step-header[aria-selected="true"]')).getText())
|
|
.toBe('1\nFill out your name');
|
|
|
|
nextButton.get(0).click();
|
|
|
|
expect(await element(by.css('mat-step-header[aria-selected="true"]')).getText())
|
|
.toBe('2\nFill out your address');
|
|
|
|
await browser.wait(ExpectedConditions.not(
|
|
ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
|
|
|
|
previousButton.get(0).click();
|
|
|
|
expect(await element(by.css('mat-step-header[aria-selected="true"]')).getText())
|
|
.toBe('1\nFill out your name');
|
|
|
|
await browser.wait(ExpectedConditions.not(
|
|
ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
|
|
});
|
|
|
|
it('should change focus with keyboard interaction', () => {
|
|
let stepHeaders = element.all(by.css('mat-step-header'));
|
|
stepHeaders.get(0).click();
|
|
|
|
expectFocusOn(stepHeaders.get(0));
|
|
|
|
pressKeys(Key.RIGHT);
|
|
expectFocusOn(stepHeaders.get(1));
|
|
|
|
pressKeys(Key.RIGHT);
|
|
expectFocusOn(stepHeaders.get(2));
|
|
|
|
pressKeys(Key.RIGHT);
|
|
expectFocusOn(stepHeaders.get(0));
|
|
|
|
pressKeys(Key.LEFT);
|
|
expectFocusOn(stepHeaders.get(2));
|
|
|
|
pressKeys(Key.SPACE, Key.ENTER);
|
|
expectFocusOn(stepHeaders.get(2));
|
|
});
|
|
});
|
|
|
|
describe('linear stepper', () => {
|
|
let linearButton: ElementFinder;
|
|
|
|
beforeEach(() => {
|
|
linearButton = element(by.id('toggle-linear'));
|
|
linearButton.click();
|
|
});
|
|
|
|
it('should not move to next step when stepper button is clicked', async () => {
|
|
let nextButton = element.all(by.buttonText('Next'));
|
|
nextButton.get(0).click();
|
|
|
|
expect(await element(by.css('mat-step-header[aria-selected="true"]')).getText())
|
|
.toBe('1\nFill out your name');
|
|
});
|
|
});
|
|
});
|