test: fix slide-toggle e2e failures

Fixes some e2e failures in the slide toggle after the new design got in. The tests expect the ripples to go away at some point, however we introduced a permanent ripple.

Author: crisbeto

e2e/components/slide-toggle-e2e.spec.ts

@@ -5,6 +5,9 @@ import {expectToExist} from '../util/index';
 describe('slide-toggle', () => {
   const getInput = () => element(by.css('#normal-slide-toggle input'));
   const getNormalToggle = () => element(by.css('#normal-slide-toggle'));
+  const getTransientRipple = () => {
+    return element(by.css('div.mat-ripple-element:not(.mat-slide-toggle-persistent-ripple)'));
+  };
 
   beforeEach(() => browser.get('slide-toggle'));
 
@@ -21,8 +24,7 @@ describe('slide-toggle', () => {
 
     expect(inputEl.getAttribute('checked')).toBeTruthy('Expect slide-toggle to be checked');
 
-    await browser.wait(ExpectedConditions.not(
-      ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
+    await browser.wait(ExpectedConditions.not(ExpectedConditions.presenceOf(getTransientRipple())));
   });
 
   it('should change the checked state on click', async () => {
@@ -33,8 +35,7 @@ describe('slide-toggle', () => {
     getNormalToggle().click();
 
     expect(inputEl.getAttribute('checked')).toBeTruthy('Expect slide-toggle to be checked');
-    await browser.wait(ExpectedConditions.not(
-      ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
+    await browser.wait(ExpectedConditions.not(ExpectedConditions.presenceOf(getTransientRipple())));
   });
 
   it('should not change the checked state on click when disabled', async () => {
@@ -45,8 +46,7 @@ describe('slide-toggle', () => {
     element(by.css('#disabled-slide-toggle')).click();
 
     expect(inputEl.getAttribute('checked')).toBeFalsy('Expect slide-toggle to be unchecked');
-    await browser.wait(ExpectedConditions.not(
-      ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
+    await browser.wait(ExpectedConditions.not(ExpectedConditions.presenceOf(getTransientRipple())));
   });
 
   it('should move the thumb on state change', async () => {
@@ -60,8 +60,7 @@ describe('slide-toggle', () => {
 
     expect(position.x).not.toBe(previousPosition.x);
 
-    await browser.wait(ExpectedConditions.not(
-      ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
+    await browser.wait(ExpectedConditions.not(ExpectedConditions.presenceOf(getTransientRipple())));
   });
 
   it('should toggle the slide-toggle on space key', () => {