Fix failing visual tests (#735)

* fix some tests, add vt to tests

* test: update visual tests to screenshot .main-content instead of documentation component

* test: add some waitUntil to avoid test problems

* test: update screenshots

* test: update screenshots

* build: static windows and macos versions

* test: add some waitUntils

* test: update screenshots

* test: revert to screenshotting documentation element

* test: screenshot body instead of documentation element

* test: update screenshots

* test: update screenshots

* test: scroll to top before taking screenshots

* test: fix some timeouts

* test: adding more waitUntil because we love them

* test: do not test scroll for endpoint and operation

* test: add awaits

* test: update screenshots

Author: twoplustwoone

.github/workflows/deployment.yml

@@ -21,7 +21,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        os: [ubuntu-20.04, windows-latest, macos-latest]
+        os: [ubuntu-20.04, windows-2019, macos-10.15]
     runs-on: ${{ matrix.os }}
     steps:
       - uses: actions/checkout@v2

package.json

@@ -97,7 +97,7 @@
     "format:eslint": "eslint --ext .js,.html . --fix --ignore-path .gitignore",
     "lint": "npm run lint:eslint",
     "format": "npm run format:eslint",
-    "test": "web-test-runner test/*.test.js --coverage --node-resolve --playwright --browsers chromium firefox webkit",
+    "test": "web-test-runner test/*.test.js --coverage --node-resolve --playwright --browsers chromium firefox webkit && npm run test:visual",
     "test:visual": "web-test-runner test/visual/*.test.js --coverage --node-resolve --playwright --browsers chromium firefox webkit",
     "test:watch": "web-test-runner test/*.test.js --node-resolve --watch",
     "test:visual:update": "web-test-runner test/**/*.test.js --coverage --node-resolve --playwright --browsers chromium firefox webkit --update-visual-baseline\n",