diff --git a/.circleci/config.yml b/.circleci/config.yml index 94c4d326..2d905919 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -52,12 +52,11 @@ jobs: visual regression: docker: - - image: alekzonder/puppeteer:latest - user: pptruser + - image: docker/compose steps: - checkout - - run: yarn --frozen-lockfile - - run: yarn cosmos & (npx wait-on http://localhost:5000 && yarn run visual-regression) + - setup_remote_docker + - run: docker-compose run -e "CI=true" regression - store_artifacts: path: src/panel/__image_snapshots__/__diff_output__/ diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 00000000..1a4401ad --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,25 @@ +version: "3" +services: + cosmos: + image: alekzonder/puppeteer:latest + working_dir: /app + volumes: + - .:/app + - node_modules:/app/node_modules + entrypoint: /bin/sh -c + command: + - yarn --frozen-lockfile && yarn cosmos + regression: + image: alekzonder/puppeteer:latest + working_dir: /app + volumes: + - .:/app + - node_modules:/app/node_modules + entrypoint: ["/bin/bash", "-c"] + command: + - npx wait-on http://cosmos:5000 && yarn run visual-regression-exec + depends_on: + - cosmos + +volumes: + node_modules: diff --git a/package.json b/package.json index dc3ab569..9486d124 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,8 @@ "lint": "eslint --ext .ts,.tsx src", "firefox:lint": "cd dist && web-ext lint", "test": "jest --testPathIgnorePatterns visual-regression", - "visual-regression": "jest visual-regression", + "visual-regression": "./regression.sh", + "visual-regression-exec": "jest visual-regression", "prettier-check": "prettier -c src/** README.md", "changelog": "docker run -it --rm -v \"$(pwd)\":/usr/local/src/your-app ferrarimarco/github-changelog-generator -u FormidableLabs -p urql-devtools" }, diff --git a/regression.sh b/regression.sh new file mode 100755 index 00000000..048a5835 --- /dev/null +++ b/regression.sh @@ -0,0 +1,2 @@ +#!/bin/sh +docker-compose run regression "npx wait-on http://cosmos:5000 && yarn run visual-regression-exec $@" \ No newline at end of file diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fdisconnected%2FDisconnected.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fdisconnected%2FDisconnected.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png index c49e516a..3e6333d1 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fdisconnected%2FDisconnected.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fdisconnected%2FDisconnected.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fevents%2FEvents.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fevents%2FEvents.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png index 3a6a2611..a5f353a5 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fevents%2FEvents.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fevents%2FEvents.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fevents%2FEvents.fixture.tsx%22%2C%22name%22%3A%22empty%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fevents%2FEvents.fixture.tsx%22%2C%22name%22%3A%22empty%22%7D-snap.png index 237ba1df..3a1cfebd 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fevents%2FEvents.fixture.tsx%22%2C%22name%22%3A%22empty%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fevents%2FEvents.fixture.tsx%22%2C%22name%22%3A%22empty%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2FExplorer.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2FExplorer.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png index 10004899..30974afe 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2FExplorer.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2FExplorer.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2FExplorer.fixture.tsx%22%2C%22name%22%3A%22updating%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2FExplorer.fixture.tsx%22%2C%22name%22%3A%22updating%22%7D-snap.png index 10004899..30974afe 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2FExplorer.fixture.tsx%22%2C%22name%22%3A%22updating%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2FExplorer.fixture.tsx%22%2C%22name%22%3A%22updating%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20hit%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20hit%22%7D-snap.png index 8162f248..458886d6 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20hit%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20hit%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20miss%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20miss%22%7D-snap.png index f0b2b433..dcf5252a 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20miss%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20miss%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20partial%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20partial%22%7D-snap.png index 33d6cff7..abe3677a 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20partial%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22cache%20partial%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22empty%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22empty%22%7D-snap.png index 78813435..adb76b2f 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22empty%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22empty%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20args%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20args%22%7D-snap.png index b45cd9c7..d55749e2 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20args%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20args%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20children%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20children%22%7D-snap.png index 97bf3616..6cc41767 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20children%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20children%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20value%20%28object%29%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20value%20%28object%29%22%7D-snap.png index 96cd85f0..a4db50aa 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20value%20%28object%29%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20value%20%28object%29%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20value%20%28string%29%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20value%20%28string%29%22%7D-snap.png index 7fe8c4fe..45b9b8bb 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20value%20%28string%29%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FNodeInfoPane.fixture.tsx%22%2C%22name%22%3A%22with%20value%20%28string%29%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20colllapsed%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20colllapsed%22%7D-snap.png index 596f0e42..854eec72 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20colllapsed%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20colllapsed%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20empty%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20empty%22%7D-snap.png index c9beb9d1..d35d5311 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20empty%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20empty%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20expanded%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20expanded%22%7D-snap.png index 62894044..027d187d 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20expanded%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22array%20-%20expanded%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22null%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22null%22%7D-snap.png index 4cd687d8..aec55ea3 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22null%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22null%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20collapsed%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20collapsed%22%7D-snap.png index 17bba40b..7659ebf0 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20collapsed%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20collapsed%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20empty%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20empty%22%7D-snap.png index c355585f..037dd658 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20empty%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20empty%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20expanded%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20expanded%22%7D-snap.png index 66e6efc5..00c7535e 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20expanded%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22object%20-%20expanded%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22string%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22string%22%7D-snap.png index 8e536ed0..ae7c77ae 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22string%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Fexplorer%2Fcomponents%2FValue.fixture.tsx%22%2C%22name%22%3A%22string%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png index 4be883c6..3f609946 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22basic%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22error%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22error%22%7D-snap.png index 6a320dec..ec49cce6 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22error%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22error%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22fetching%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22fetching%22%7D-snap.png index 3fb02483..dedf522c 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22fetching%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22fetching%22%7D-snap.png differ diff --git a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22response%22%7D-snap.png b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22response%22%7D-snap.png index aca7e95b..40928396 100644 Binary files a/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22response%22%7D-snap.png and b/src/panel/__image_snapshots__/%7B%22path%22%3A%22src%2Fpanel%2Fpages%2Frequest%2FRequest.fixture.tsx%22%2C%22name%22%3A%22response%22%7D-snap.png differ diff --git a/src/panel/visual-regression.test.ts b/src/panel/visual-regression.test.ts index 7836c700..b49a790b 100644 --- a/src/panel/visual-regression.test.ts +++ b/src/panel/visual-regression.test.ts @@ -7,19 +7,25 @@ let fixtures: { id: string; url: string }[]; let browser: puppeteer.Browser; beforeAll(async () => { - browser = await puppeteer.launch({ args: ["--font-render-hinting=none"] }); - fixtures = (await getFixtureUrls({ cosmosConfig: detectCosmosConfig() })).map( - url => ({ + try { + browser = await puppeteer.launch({ args: ["--no-sandbox"] }); + fixtures = ( + await getFixtureUrls({ cosmosConfig: detectCosmosConfig() }) + ).map(url => ({ id: url.replace(/.*?fixtureId\=/, ""), - url: `http://${url.replace("?fixtureId", "_renderer.html?_fixtureId")}` - }) - ); + url: `http://${url + .replace("?fixtureId", "_renderer.html?_fixtureId") + .replace("localhost", "cosmos")}` + })); + } catch (err) { + console.error(err); + } jest.setTimeout(60000); }); afterAll(async () => { - await browser.close(); + browser && (await browser.close()); }); describe("Fixtures", () => { @@ -27,12 +33,15 @@ describe("Fixtures", () => { for (const { id, url } of fixtures) { const page = await browser.newPage(); await page.goto(url, { waitUntil: "domcontentloaded" }); - await page.evaluateHandle("document.fonts.ready"); + await delay(200); const image = await page.screenshot(); expect(image).toMatchImageSnapshot({ - customSnapshotIdentifier: id + customSnapshotIdentifier: id, + failureThreshold: 0.01 }); await page.close(); } }, 120000); }); + +const delay = (t: number) => new Promise(resolve => setTimeout(resolve, t));