angular__angular/e2e/components/button/button.e2e.ts

import {browser, by, element, ExpectedConditions} from 'protractor';
import {screenshot} from '../../screenshot';


describe('button', () => {
  describe('disabling behavior', () => {
    beforeEach(() => browser.get('/button'));

    it('should prevent click handlers from executing when disabled', () => {
      element(by.id('test-button')).click();
      expect(element(by.id('click-counter')).getText()).toEqual('1');
      browser.wait(ExpectedConditions.not(
        ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))))
        .then(() => screenshot('clicked once'));

      element(by.id('disable-toggle')).click();
      element(by.id('test-button')).click();
      expect(element(by.id('click-counter')).getText()).toEqual('1');
      browser.wait(ExpectedConditions.not(
        ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))))
        .then(() => screenshot('click disabled'));
    });
  });
});