Use Percy to take snapshots in E2E tests (#2532)

GoogleForCreators · Jul 1, 2020 · 5b0c79d · 5b0c79d
1 parent b1a4a7b
commit 5b0c79d
Show file tree

Hide file tree

Showing 11 changed files with 473 additions and 10 deletions.
diff --git a/.github/workflows/continuous-integration-e2e.yml b/.github/workflows/continuous-integration-e2e.yml
@@ -69,11 +69,6 @@ jobs:
           composer install --prefer-dist --no-suggest --no-progress --no-interaction
         env:
           CI: true
-          PUPPETEER_SKIP_CHROMIUM_DOWNLOAD: true
-
-      - name: Install Puppeteer with correct browser
-        run: npm install puppeteer
-        env:
           PUPPETEER_PRODUCT: ${{ matrix.browser }}
 
       - name: Build plugin
@@ -88,8 +83,9 @@ jobs:
           COMPOSE_INTERACTIVE_NO_CLI: true
 
       - name: Run E2E tests
-        run: npm run test:e2e
+        run: npm run test:e2e:percy
         env:
+          PERCY_TOKEN: ${{ secrets.PERCY_TOKEN_E2E }}
           PUPPETEER_PRODUCT: ${{ matrix.browser }}
 
       - name: Stop Docker environment

diff --git a/jest-puppeteer.config.cjs b/jest-puppeteer.config.cjs
@@ -30,6 +30,6 @@ module.exports = {
     headless: PUPPETEER_HEADLESS !== 'false',
     slowMo: Number(PUPPETEER_SLOWMO) || 0,
     product: PUPPETEER_PRODUCT,
-    args: ['--window-size=1680,948'],
+    args: ['--window-size=1600,1000'], // Same as in percy.config.yml.
   },
 };