build: more stable screenshot tests

src/e2e-app/e2e-app/e2e-app.css

@@ -0,0 +1,8 @@
+/**
+ * Don't show the caret for focused elements since those are causing the screenshot comparisons
+ * to be flaky. The `caret-color` CSS property is not supported in most of the browsers, but since
+ * the e2e tests run against Chrome we can use that property instead of a workaround using `color`.
+ */
+*:focus {
+  caret-color: transparent;
+}

src/e2e-app/e2e-app/e2e-app.ts

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {Component, ViewEncapsulation} from '@angular/core';
 
 
 @Component({
@@ -11,6 +11,8 @@ export class Home {}
   moduleId: module.id,
   selector: 'e2e-app',
   templateUrl: 'e2e-app.html',
+  styleUrls: ['e2e-app.css'],
+  encapsulation: ViewEncapsulation.None,
 })
 export class E2EApp {
   showLinks: boolean = false;