@stackoverflow/stacks - npm Package Compare versions

Comparing version 1.9.5 to 1.10.0

lib/components/block-link/block-link.a11y.test.ts

@@ -6,8 +6,9 @@ import { html } from "@open-wc/testing";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const blockLinkTemplate = ({ component, testid }: any) => html`<div
-    class="d-inline-flex ai-center jc-center hs1 ws2 p8"
-    data-testid="${testid}"
->
-    ${component}
-</div>`;
+const blockLinkTemplate = ({ component, testid }: any) =>
+    html`<div
+        class="d-inline-flex ai-center jc-center hs1 ws2 p8"
+        data-testid="${testid}"
+    >
+        ${component}
+    </div>`;
 
@@ -14,0 +15,0 @@ describe("block-link", () => {

lib/components/block-link/block-link.visual.test.ts

@@ -6,8 +6,9 @@ import { html } from "@open-wc/testing";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const blockLinkTemplate = ({ component, testid }: any) => html`<div
-    class="d-inline-flex ai-center jc-center hs1 ws2 p8"
-    data-testid="${testid}"
->
-    ${component}
-</div>`;
+const blockLinkTemplate = ({ component, testid }: any) =>
+    html`<div
+        class="d-inline-flex ai-center jc-center hs1 ws2 p8"
+        data-testid="${testid}"
+    >
+        ${component}
+    </div>`;
 
@@ -14,0 +15,0 @@ describe("block-link", () => {

lib/components/card/card.visual.test.ts

@@ -6,8 +6,9 @@ import { html } from "@open-wc/testing";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const cardTemplate = ({ component, testid }: any) => html`<div
-    class="d-inline-flex ai-center jc-center hs2 ws3 p8"
-    data-testid="${testid}"
->
-    ${component}
-</div>`;
+const cardTemplate = ({ component, testid }: any) =>
+    html`<div
+        class="d-inline-flex ai-center jc-center hs2 ws3 p8"
+        data-testid="${testid}"
+    >
+        ${component}
+    </div>`;
 
@@ -14,0 +15,0 @@ const baseChild = `

lib/components/toast/toast.test.ts

@@ -9,25 +9,26 @@ import { html, fixture, expect } from "@open-wc/testing";
 
-const testToast = (hidden = true) => html` <button
-        class="js-open-test-toast"
-        data-toggle="s-toast"
-        data-target="#test-toast"
-    >
-        Show test toast
-    </button>
-    <button type="button" aria-label="Dismiss">Close toast</button>
-    <div
-        role="alertdialog"
-        id="test-toast"
-        class="s-toast"
-        aria-hidden="${hidden}"
-        aria-labelledby="toast-message"
-        data-controller="s-toast"
-        data-s-toast-target="toast"
-        data-s-toast-return-element=".js-open-test-toast[data-target='#test-toast']"
-        data-testid="test-toast"
-    >
-        <aside class="s-notice s-notice__success">
-            <div id="notice-message">Test toast</div>
-        </aside>
-    </div>`;
+const testToast = (hidden = true) =>
+    html` <button
+            class="js-open-test-toast"
+            data-toggle="s-toast"
+            data-target="#test-toast"
+        >
+            Show test toast
+        </button>
+        <button type="button" aria-label="Dismiss">Close toast</button>
+        <div
+            role="alertdialog"
+            id="test-toast"
+            class="s-toast"
+            aria-hidden="${hidden}"
+            aria-labelledby="toast-message"
+            data-controller="s-toast"
+            data-s-toast-target="toast"
+            data-s-toast-return-element=".js-open-test-toast[data-target='#test-toast']"
+            data-testid="test-toast"
+        >
+            <aside class="s-notice s-notice__success">
+                <div id="notice-message">Test toast</div>
+            </aside>
+        </div>`;
 
@@ -34,0 +35,0 @@ describe("toast", () => {

package.json

@@ -8,3 +8,3 @@ {
     },
-    "version": "1.9.5",
+    "version": "1.10.0",
     "files": [
@@ -26,8 +26,8 @@ "dist",
         "start:eleventy": "cd ./docs && eleventy --serve",
-        "test": "web-test-runner",
+        "test": "npm run test:unit && npm run test:a11y && npm run test:visual",
         "test:a11y": "web-test-runner --group=a11y",
         "test:unit": "web-test-runner --group=unit",
         "test:unit:watch": "web-test-runner --group=unit --watch",
-        "test:visual": "web-test-runner --group=visual",
-        "test:visual:update": "web-test-runner --group=visual --update-visual-baseline",
+        "test:visual": "pwsh run-test-visual.ps1 npx web-test-runner --group=visual",
+        "test:visual:update": "pwsh run-test-visual.ps1 npx web-test-runner --group=visual --update-visual-baseline",
         "prepublishOnly": "npm run build",
@@ -43,48 +43,48 @@ "format": "prettier --write ./lib",
         "@hotwired/stimulus": "^3.2.1",
-        "@popperjs/core": "^2.11.7"
+        "@popperjs/core": "^2.11.8"
     },
     "devDependencies": {
         "@11ty/eleventy": "^2.0.1",
-        "@highlightjs/cdn-assets": "^11.7.0",
-        "@open-wc/testing": "^3.1.8",
-        "@rollup/plugin-commonjs": "^24.1.0",
+        "@highlightjs/cdn-assets": "^11.8.0",
+        "@open-wc/testing": "^3.2.0",
+        "@rollup/plugin-commonjs": "^25.0.3",
         "@rollup/plugin-replace": "^5.0.2",
         "@stackoverflow/stacks-editor": "^0.8.7",
-        "@stackoverflow/stacks-icons": "^5.3.1",
-        "@testing-library/dom": "^9.2.0",
+        "@stackoverflow/stacks-icons": "^5.4.0",
+        "@testing-library/dom": "^9.3.1",
         "@testing-library/user-event": "^14.4.3",
-        "@typescript-eslint/eslint-plugin": "^5.59.6",
-        "@typescript-eslint/parser": "^5.59.6",
+        "@typescript-eslint/eslint-plugin": "^5.60.1",
+        "@typescript-eslint/parser": "^5.61.0",
         "@web/dev-server-esbuild": "^0.4.1",
         "@web/dev-server-rollup": "^0.4.0",
         "@web/test-runner": "^0.16.1",
-        "@web/test-runner-playwright": "^0.10.0",
+        "@web/test-runner-playwright": "^0.10.1",
         "@web/test-runner-visual-regression": "^0.8.0",
-        "concurrently": "^8.0.1",
-        "css-loader": "^6.7.4",
-        "cssnano": "^6.0.0",
+        "concurrently": "^8.2.0",
+        "css-loader": "^6.8.1",
+        "cssnano": "^6.0.1",
         "docsearch.js": "^2.6.3",
         "eleventy-plugin-highlightjs": "^1.1.0",
         "eleventy-plugin-nesting-toc": "^1.3.0",
-        "eslint": "^8.41.0",
+        "eslint": "^8.45.0",
         "eslint-config-prettier": "^8.8.0",
         "eslint-plugin-no-unsanitized": "^4.0.2",
         "jquery": "^3.7.0",
-        "less-loader": "^11.1.0",
+        "less-loader": "^11.1.3",
         "list.js": "^2.3.1",
         "markdown-it": "^13.0.1",
-        "mini-css-extract-plugin": "^2.7.5",
+        "mini-css-extract-plugin": "^2.7.6",
         "postcss-less": "^6.0.0",
-        "postcss-loader": "^7.2.4",
-        "prettier": "^2.8.8",
+        "postcss-loader": "^7.3.3",
+        "prettier": "^3.0.0",
         "rollup-plugin-postcss": "^4.0.2",
-        "stylelint": "^15.6.2",
+        "stylelint": "^15.10.1",
         "stylelint-config-recommended": "^12.0.0",
-        "stylelint-config-standard": "^33.0.0",
+        "stylelint-config-standard": "^34.0.0",
         "terser-webpack-plugin": "^5.3.9",
-        "ts-loader": "^9.4.2",
-        "typescript": "^5.0.4",
-        "webpack": "^5.82.0",
-        "webpack-cli": "^5.1.1",
-        "webpack-merge": "^5.8.0"
+        "ts-loader": "^9.4.3",
+        "typescript": "^5.1.6",
+        "webpack": "^5.88.1",
+        "webpack-cli": "^5.1.4",
+        "webpack-merge": "^5.9.0"
     },
@@ -91,0 +91,0 @@ "browserslist": [

README.md

@@ -92,6 +92,7 @@ # Stacks
 
-**Prerequisite:** 
-In order to pull and upload baseline images you need to have `git lfs` installed in your local machine. Please follow [this guide](https://docs.github.com/en/repositories/working-with-files/managing-large-files/installing-git-large-file-storage) to install that.
+**Prerequisites:** 
+- `git lfs` ([installation docs](https://docs.github.com/en/repositories/working-with-files/managing-large-files/installing-git-large-file-storage))
+- `docker` ([installation docs](https://docs.docker.com/engine/install/))
+- `pwsh` ([Installation docs](https://learn.microsoft.com/en-us/powershell/scripting/install/installing-powershell?view=powershell-7.3))
 
-
 This [Web Test Runner plugin](https://www.npmjs.com/package/@web/test-runner-visual-regression) is used to run visual regression tests. [DOM Testing Library](https://testing-library.com/docs/dom-testing-library/intro).
@@ -98,0 +99,0 @@ Visual regression tests end with this suffix `*.visual.test.ts`.

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2045969

increased by0.29%

Number of package files

134

increased by3.08%

Lines of code

36458

increased by0.36%

Number of lines in readme file

163

increased by0.62%

Worsened metrics

Number of medium supply chain risk alerts

3

increased by50%

Dependency changes

• Updated@popperjs/core@^2.11.8