WIP: Redact buttons on all pages in Edge to avoid flaky diffs

material-components · Nov 13, 2018 · 5bd2940 · 5bd2940
1 parent 0a6f375
commit 5bd2940
Show file tree

Hide file tree

Showing 13 changed files with 47 additions and 49 deletions.
diff --git a/test/screenshot/golden.json b/test/screenshot/golden.json
diff --git a/test/screenshot/spec/mdc-snackbar/classes/baseline-with-action.html b/test/screenshot/spec/mdc-snackbar/classes/baseline-with-action.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar--with-action" autofocus>Open snackbar with action</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar--with-action" autofocus>Open snackbar with action</button>
 
       <div class="mdc-snackbar mdc-snackbar--open"
            id="test-snackbar--with-action"

diff --git a/test/screenshot/spec/mdc-snackbar/classes/baseline-without-action.html b/test/screenshot/spec/mdc-snackbar/classes/baseline-without-action.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar--no-action" autofocus>Open snackbar without action</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar--no-action" autofocus>Open snackbar without action</button>
 
       <div class="mdc-snackbar mdc-snackbar--open"
            id="test-snackbar--no-action"

diff --git a/test/screenshot/spec/mdc-snackbar/classes/leading.html b/test/screenshot/spec/mdc-snackbar/classes/leading.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar--leading" autofocus>Open leading snackbar</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar--leading" autofocus>Open leading snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--leading mdc-snackbar--open"
            id="test-snackbar--leading"

diff --git a/test/screenshot/spec/mdc-snackbar/classes/stacked.html b/test/screenshot/spec/mdc-snackbar/classes/stacked.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar--stacked" autofocus>Open stacked snackbar</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar--stacked" autofocus>Open stacked snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--stacked mdc-snackbar--open"
            id="test-snackbar--stacked"

diff --git a/test/screenshot/spec/mdc-snackbar/classes/wide.html b/test/screenshot/spec/mdc-snackbar/classes/wide.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar--wide" autofocus>Open wide snackbar</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar--wide" autofocus>Open wide snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--wide mdc-snackbar--open"
            id="test-snackbar--wide"

diff --git a/test/screenshot/spec/mdc-snackbar/mixins/elevation.html b/test/screenshot/spec/mdc-snackbar/mixins/elevation.html
@@ -44,9 +44,7 @@
   <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar" autofocus>
-        Open <span class="test-font--redact-all">custom</span> elevation snackbar
-      </button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar" autofocus>Open custom elevation snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--open custom-snackbar--elevation"
            id="test-snackbar"

diff --git a/test/screenshot/spec/mdc-snackbar/mixins/fill-color.html b/test/screenshot/spec/mdc-snackbar/mixins/fill-color.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar" autofocus>Open custom fill-color snackbar</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar" autofocus>Open custom fill-color snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--open custom-snackbar--fill-color"
            id="test-snackbar"

diff --git a/test/screenshot/spec/mdc-snackbar/mixins/label-ink-color.html b/test/screenshot/spec/mdc-snackbar/mixins/label-ink-color.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar" autofocus>Open custom label-ink-color snackbar</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar" autofocus>Open custom label-ink-color snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--open custom-snackbar--label-ink-color"
            id="test-snackbar"

diff --git a/test/screenshot/spec/mdc-snackbar/mixins/max-width.html b/test/screenshot/spec/mdc-snackbar/mixins/max-width.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar" autofocus>Open custom max-width snackbar</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar" autofocus>Open custom max-width snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--open custom-snackbar--max-width"
            id="test-snackbar"

diff --git a/test/screenshot/spec/mdc-snackbar/mixins/min-width.html b/test/screenshot/spec/mdc-snackbar/mixins/min-width.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar" autofocus>Open custom min-width snackbar</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar" autofocus>Open custom min-width snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--open custom-snackbar--min-width"
            id="test-snackbar"

diff --git a/test/screenshot/spec/mdc-snackbar/mixins/shape-radius.html b/test/screenshot/spec/mdc-snackbar/mixins/shape-radius.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar" autofocus>Open custom shape-radius snackbar</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar" autofocus>Open custom shape-radius snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--open custom-snackbar--shape-radius"
            id="test-snackbar"

diff --git a/test/screenshot/spec/mdc-snackbar/mixins/viewport-margin.html b/test/screenshot/spec/mdc-snackbar/mixins/viewport-margin.html
@@ -41,10 +41,10 @@
     </script>
   </head>
 
-  <body class="test-container">
+  <body class="test-container test-container--edge-fonts">
     <main class="test-viewport test-viewport--gridlines test-viewport--center">
 
-      <button class="test-snackbar-open-button" data-test-snackbar-id="test-snackbar" autofocus>Open custom viewport-margin snackbar</button>
+      <button class="test-snackbar-open-button test-font--redact-all" data-test-snackbar-id="test-snackbar" autofocus>Open custom viewport-margin snackbar</button>
 
       <div class="mdc-snackbar mdc-snackbar--open custom-snackbar--viewport-margin"
            id="test-snackbar"