fix: lock file maintenance (#196)

renovate[bot] · web-flow · commit 5d86db04b3a0 · 2024-04-18T21:33:33.000+02:00
diff --git a/.baserc.json b/.baserc.json
@@ -3,5 +3,10 @@
   "testInContainer": true,
   "seeAlso": [
     { "repository": "nuxt-mermaid-string", "description": "Embed a Mermaid diagram in a Nuxt.js app by providing its diagram string." }
-  ]
-}
+  ],
+  "depcheckConfig": {
+    "ignoreMatches": [
+      "playwright-chromium"
+    ]
+  }
+}
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
@@ -2,6 +2,6 @@
   "features": {
     "ghcr.io/devcontainers/features/docker-in-docker:2": {}
   },
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:0-18",
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:0-20",
   "updateContentCommand": "yarn --frozen-lockfile"
 }
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -14,7 +14,7 @@ jobs:
             github.event.pull_request.head.ref || '' }}
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
       - run: git config --global user.email "actions@github.com"
       - run: git config --global user.name "GitHub Actions"
       - run: yarn --frozen-lockfile
diff --git a/.gitpod.Dockerfile b/.gitpod.Dockerfile
@@ -1,12 +1,14 @@
 # Need to add :latest, otherwise old versions (e.g. of node) are installed
-FROM gitpod/workspace-full:latest
+FROM gitpod/workspace-full-vnc:latest
 
 RUN curl -s https://packagecloud.io/install/repositories/github/git-lfs/script.deb.sh | sudo bash
 RUN sudo apt-get install git-lfs
 RUN git lfs install
 
 # https://www.gitpod.io/docs/languages/javascript
-RUN bash -c 'VERSION="18"       && source $HOME/.nvm/nvm.sh && nvm install $VERSION       && nvm use $VERSION && nvm alias default $VERSION'
+# https://github.com/gitpod-io/gitpod/issues/945
+RUN bash -c 'source $HOME/.nvm/nvm.sh && nvm install 20'
+RUN echo "nvm use default &>/dev/null" >> ~/.bashrc.d/51-nvm-fix
 
 RUN echo "\nexport PATH=$(yarn global bin):\$PATH" >> /home/gitpod/.bashrc
 
diff --git a/.gitpod.yml b/.gitpod.yml
@@ -6,7 +6,10 @@ tasks:
       PUPPETEER_CACHE_DIR=/workspace/vue-mermaid-string/node_modules/.cache/puppeteer"
       >> /home/gitpod/.bashrc
 
-      gitpod-env-per-project >> /home/gitpod/.bashrc && source /home/gitpod/.bashrc
+      echo "export PLAYWRIGHT_BROWSERS_PATH=0" >> /home/gitpod/.bashrc
+
+      gitpod-env-per-project >> /home/gitpod/.bashrc && source
+      /home/gitpod/.bashrc
     init: |-
       git config --global user.name "Sebastian Landwehr"
       git config diff.lfs.textconv cat
diff --git a/.renovaterc.json b/.renovaterc.json
@@ -3,6 +3,9 @@
     ":semanticCommits",
     ":semanticPrefixFix"
   ],
+  "gitIgnoredAuthors": [
+    "actions@github.com"
+  ],
   "github-actions": {
     "enabled": false
   },
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -2,7 +2,6 @@
   "editor.tabSize": 2,
   "files.autoSave": "off",
   "files.exclude": {
-    ".babelrc.json": true,
     ".browserslistrc": true,
     ".commitlintrc.json": true,
     ".cz.json": true,
@@ -21,6 +20,7 @@
     ".vscode": true,
     "CHANGELOG.md": true,
     "LICENSE.md": true,
+    "babel.config.json": true,
     "coverage": true,
     "dist": true,
     "node_modules": true,
diff --git a/LICENSE.md b/LICENSE.md
@@ -6,7 +6,7 @@ Copyright &copy; Sebastian Landwehr <info@sebastianlandwehr.com>
 
 and licensed under:
 
-[MIT License](https://opensource.org/licenses/MIT)
+[MIT License](https://opensource.org/license/mit/)
 
 ## MIT License
 
diff --git a/README.md b/README.md
@@ -265,5 +265,5 @@ Thanks a lot for your support! ❤️
 
 ## License
 
-[MIT License](https://opensource.org/licenses/MIT) © [Sebastian Landwehr](https://sebastianlandwehr.com)
+[MIT License](https://opensource.org/license/mit/) © [Sebastian Landwehr](https://sebastianlandwehr.com)
 <!-- /LICENSE -->
diff --git a/babel.config.json b/babel.config.json
diff --git a/package.json b/package.json
@@ -31,11 +31,12 @@
   "devDependencies": {
     "@dword-design/base": "^11.0.2",
     "@dword-design/base-config-component": "^4.0.0",
-    "@dword-design/functions": "^5.0.27",
-    "@dword-design/puppeteer": "^7.0.0",
+    "@dword-design/functions": "^6.0.0",
     "@dword-design/tester": "^2.0.0",
     "@dword-design/tester-plugin-component": "^5.0.0",
-    "@dword-design/tester-plugin-puppeteer": "^3.0.0"
+    "@playwright/test": "^1.43.1",
+    "playwright": "^1.43.1",
+    "playwright-chromium": "^1.43.1"
   },
   "engines": {
     "node": ">=18"
diff --git a/src/__image_snapshots__/index-spec-js-index-change-value-1-snap.png b/src/__image_snapshots__/index-spec-js-index-change-value-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:be2f77d4220e5497bd547aaf7ad0b2776f53aff96525021d1f94e54590dc305d
-size 4687
+oid sha256:6bfec74398cf9f95e536a9566da89af0e82c1b5e7b8fc44c08f6c1b1a57959b3
+size 6796
diff --git a/src/__image_snapshots__/index-spec-js-index-error-handling-1-snap.png b/src/__image_snapshots__/index-spec-js-index-error-handling-1-snap.png
diff --git a/src/__image_snapshots__/index-spec-js-index-options-1-snap.png b/src/__image_snapshots__/index-spec-js-index-options-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8719be26f20ed37fb3df97b3ebfd39aaae1e5f67e55e22d6386d66046cc59ce3
-size 8767
+oid sha256:69311dc7ac1dfa50d92df3879b6269935de532b2b347c992db91f413e89589d6
+size 5031
diff --git a/src/__image_snapshots__/index-spec-js-index-works-1-snap.png b/src/__image_snapshots__/index-spec-js-index-works-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2486dd75f69f5755ce9f668b299b96ed8581f1000cc8e0f33927643a71b4d958
-size 4560
+oid sha256:13eab3d6c30556a01aeeb754f996846a5479c320c365d540f71e90bb380cb08a
+size 1304
diff --git a/src/index.spec.js b/src/index.spec.js
@@ -1,10 +1,11 @@
 import { endent, filter } from '@dword-design/functions'
 import tester from '@dword-design/tester'
 import testerPluginComponent from '@dword-design/tester-plugin-component'
-import testerPluginPuppeteer from '@dword-design/tester-plugin-puppeteer'
+import { expect } from '@playwright/test'
 import { createRequire } from 'module'
+import { chromium } from 'playwright'
 
-const _require = createRequire(import.meta.url)
+const resolver = createRequire(import.meta.url)
 
 export default tester(
   {
@@ -37,15 +38,12 @@ export default tester(
           },
         }
         </script>
-
       `,
       async test() {
         await this.page.goto('http://localhost:3000')
         await this.page.waitForSelector('.foo svg')
         await this.page.click('button')
-        expect(
-          await this.page.screenshot({ fullPage: true }),
-        ).toMatchImageSnapshot(this)
+        expect(await this.page.screenshot()).toMatchImageSnapshot(this)
       },
     },
     click: {
@@ -98,32 +96,23 @@ export default tester(
       async test() {
         const callbackPrefix = 'mermaidClick_'
         await this.page.goto('http://localhost:3000')
-        await this.page.waitForSelector(
-          '.diagram:first-child .node[id^=flowchart-A-] a[href="https://google.com"]',
-        )
-
-        const node1 = await this.page.waitForSelector(
-          '.diagram:first-child .node:last-child',
-        )
-
-        const node2 = await this.page.waitForSelector(
-          '.diagram:last-child .node:last-child',
-        )
+        await new Promise(resolve => setTimeout(resolve, 40000))
+        await expect(
+          this.page.locator('.diagram:first-child .node[id^=flowchart-A-] a'),
+        ).toHaveAttribute('href', 'https://google.com')
         expect(
           (
             this.page.evaluate(() => Object.keys(window))
             |> await
             |> filter(key => key.startsWith(callbackPrefix))
           ).length,
         ).toEqual(2)
-        await node1.click()
+        await this.page.click('.diagram:first-child .node:last-child')
         await this.page.waitForSelector('.diagram:first-child.clicked')
         await this.page.waitForSelector('.diagram:last-child.not-clicked')
-        await node2.click()
+        await this.page.click('.diagram:last-child .node:last-child')
         await this.page.waitForSelector('.diagram:last-child.clicked')
-
-        const hideButton = await this.page.waitForSelector('.hide-button')
-        await hideButton.click()
+        await this.page.click('.hide-button')
         expect(
           (
             this.page.evaluate(() => Object.keys(window))
@@ -147,14 +136,15 @@ export default tester(
           }),
         }
         </script>
-
       `,
       async test() {
         await this.page.goto('http://localhost:3000')
-        await this.page.waitForSelector('.foo')
-        expect(
-          await this.page.screenshot({ fullPage: true }),
-        ).toMatchImageSnapshot(this)
+        await expect(this.page.locator('.foo')).toHaveText(endent`
+          Error: Parse error on line 1:
+          foo
+          ^
+          Expecting 'open_directive', 'NEWLINE', 'SPACE', 'GRAPH', got 'ALPHA'
+        `)
       },
     },
     options: {
@@ -175,13 +165,11 @@ export default tester(
           },
         }
         </script>
-
       `,
       async test() {
         await this.page.goto('http://localhost:3000')
-        await this.page.waitForSelector('.foo svg')
         expect(
-          await this.page.screenshot({ fullPage: true }),
+          await this.page.locator('.foo svg').screenshot(),
         ).toMatchImageSnapshot(this)
       },
     },
@@ -203,19 +191,25 @@ export default tester(
           },
         }
         </script>
-
       `,
       async test() {
         await this.page.goto('http://localhost:3000')
-        await this.page.waitForSelector('.foo svg')
         expect(
-          await this.page.screenshot({ fullPage: true }),
+          await this.page.locator('.foo svg').screenshot(),
         ).toMatchImageSnapshot(this)
       },
     },
   },
   [
-    testerPluginComponent({ componentPath: _require.resolve('./index.vue') }),
-    testerPluginPuppeteer(),
+    testerPluginComponent({ componentPath: resolver.resolve('./index.vue') }),
+    {
+      async after() {
+        await this.browser.close()
+      },
+      async before() {
+        this.browser = await chromium.launch()
+        this.page = await this.browser.newPage()
+      },
+    },
   ],
 )
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,6 @@`
`2`	`2`	`"features": {`
`3`	`3`	`"ghcr.io/devcontainers/features/docker-in-docker:2": {}`
`4`	`4`	`},`
`5`		`- "image": "mcr.microsoft.com/devcontainers/javascript-node:0-18",`
	`5`	`+ "image": "mcr.microsoft.com/devcontainers/javascript-node:0-20",`
`6`	`6`	`"updateContentCommand": "yarn --frozen-lockfile"`
`7`	`7`	`}`