@ukic/canary-web-components 2.0.0-canary.25 → 2.0.0-canary.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukic/canary-web-components",
-  "version": "2.0.0-canary.25",
+  "version": "2.0.0-canary.27",
   "description": "A web component UI library compiled with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "./dist/index.js",
@@ -32,9 +32,9 @@
     "lint:fix": "echo '*** Linting CSS ***' && stylelint --config ../../.stylelintrc.json src/**/*.css --fix && echo '*** Linting standard files ***' && eslint --config ../../.eslintrc.js src --fix",
     "start": "npx http-server storybook-static -s",
     "kill": "kill-port 8080 --graceful",
-    "loki-tests": "loki --requireReference --port 8080 --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 && npm run kill",
-    "loki-tests:ci:canary": "loki --requireReference --port 8080 --chromeFlags=\"--no-sandbox --headless --hide-scrollbars --disable-gpu\" --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 && npm run kill",
-    "loki-tests:update": "loki update --port 8080 --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 && npm run kill",
+    "loki-tests": "loki --requireReference --port 8080 --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 --passWithNoStories && npm run kill",
+    "loki-tests:ci:canary": "loki --requireReference --port 8080 --chromeFlags=\"--no-sandbox --headless --hide-scrollbars --disable-gpu\" --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 --passWithNoStories && npm run kill",
+    "loki-tests:update": "loki update --port 8080 --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 --passWithNoStories && npm run kill",
     "test-visual": "npm-run-all --parallel start loki-tests",
     "test-visual:ci:canary": "npm-run-all --parallel start loki-tests:ci:canary",
     "test-visual:update": "npm run build-storybook && npm-run-all --parallel start loki-tests:update",
@@ -43,7 +43,7 @@
   "dependencies": {
     "@popperjs/core": "^2.11.2",
     "@stencil/core": "^4.9.0",
-    "@ukic/web-components": "^2.28.0"
+    "@ukic/web-components": "^2.29.1"
   },
   "peerDependencies": {
     "@ukic/fonts": "^2.3.0"
@@ -89,5 +89,5 @@
     "webpack": "^5.76.0"
   },
   "license": "MIT",
-  "gitHead": "9c268801ebc8da41901291fe13ff157a6211fbbd"
+  "gitHead": "3722eb9496a95846172a9a41c70055d75265cdd6"
 }

package/dist/collection/components/ic-select-with-multi/test/a11y/ic-select.test.a11y.js

@@ -1,146 +0,0 @@
-import { fixture } from "@open-wc/testing-helpers";
-import { axe } from "jest-axe";
-import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
-describe("ic-select", () => {
-    it("passes accessibility (single)", async () => {
-        const el = await fixture(`<ic-select
-        label="Select component"
-        helper-text="Helper text"
-        required
-        validation-status="error"
-        validation-text="Validation text"
-      ></ic-select>
-      <script>
-        var select = document.querySelector("ic-select");
-        var option = "Value 1";
-        select.options = [
-          {
-            label: "Label 1",
-            value: "Value 1",
-            description: "Description 1",
-          },
-          {
-            label: "Label 2",
-            value: "Value 2",
-            description: "Description 2",
-          },
-          {
-            label: "Label 3",
-            children: [
-              {
-                label: "Label 4",
-                value: "Value 4",
-                description: "Description 4",
-              },
-              {
-                label: "Label 5",
-                value: "Value 5",
-                description: "Description 5",
-              },
-            ],
-          },
-        ];
-        select.addEventListener("icChange", function (event) {
-          option = event.detail.value;
-          select.value = option;
-        });
-      </script>`);
-        checkShadowElementRendersCorrectly(el);
-        expect(await axe(el)).toHaveNoViolations();
-    });
-    it("passes accessibility (multi)", async () => {
-        const el = await fixture(`<ic-select
-        label="Select component"
-        helper-text="Helper text"
-        required
-        multiple
-        validation-status="error"
-        validation-text="Validation text"
-      ></ic-select>
-      <script>
-        var select = document.querySelector("ic-select");
-        var option = "Value 1";
-        select.options = [
-          {
-            label: "Label 1",
-            value: "Value 1",
-            description: "Description 1",
-          },
-          {
-            label: "Label 2",
-            value: "Value 2",
-            description: "Description 2",
-          },
-          {
-            label: "Label 3",
-            children: [
-              {
-                label: "Label 4",
-                value: "Value 4",
-                description: "Description 4",
-              },
-              {
-                label: "Label 5",
-                value: "Value 5",
-                description: "Description 5",
-              },
-            ],
-          },
-        ];
-        select.addEventListener("icChange", function (event) {
-          option = event.detail.value;
-          select.value = option;
-        });
-      </script>`);
-        checkShadowElementRendersCorrectly(el);
-        expect(await axe(el)).toHaveNoViolations();
-    });
-    it("passes accessibility (searchable)", async () => {
-        const el = await fixture(`<ic-select
-        label="Select component"
-        helper-text="Helper text"
-        required
-        searchable
-        validation-status="error"
-        validation-text="Validation text"
-      ></ic-select>
-      <script>
-        var select = document.querySelector("ic-select");
-        var option = "Value 1";
-        select.options = [
-          {
-            label: "Label 1",
-            value: "Value 1",
-            description: "Description 1",
-          },
-          {
-            label: "Label 2",
-            value: "Value 2",
-            description: "Description 2",
-          },
-          {
-            label: "Label 3",
-            children: [
-              {
-                label: "Label 4",
-                value: "Value 4",
-                description: "Description 4",
-              },
-              {
-                label: "Label 5",
-                value: "Value 5",
-                description: "Description 5",
-              },
-            ],
-          },
-        ];
-        select.addEventListener("icChange", function (event) {
-          option = event.detail.value;
-          select.value = option;
-        });
-      </script>`);
-        checkShadowElementRendersCorrectly(el);
-        expect(await axe(el)).toHaveNoViolations();
-    });
-});
-//# sourceMappingURL=ic-select.test.a11y.js.map

package/dist/collection/components/ic-select-with-multi/test/a11y/ic-select.test.a11y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-select.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-select-with-multi/test/a11y/ic-select.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyCb,CAAC,CAAC;QACd,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA0Cb,CAAC,CAAC;QACd,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA0Cb,CAAC,CAAC;QACd,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-select\", () => {\n  it(\"passes accessibility (single)\", async () => {\n    const el = await fixture(`<ic-select\n        label=\"Select component\"\n        helper-text=\"Helper text\"\n        required\n        validation-status=\"error\"\n        validation-text=\"Validation text\"\n      ></ic-select>\n      <script>\n        var select = document.querySelector(\"ic-select\");\n        var option = \"Value 1\";\n        select.options = [\n          {\n            label: \"Label 1\",\n            value: \"Value 1\",\n            description: \"Description 1\",\n          },\n          {\n            label: \"Label 2\",\n            value: \"Value 2\",\n            description: \"Description 2\",\n          },\n          {\n            label: \"Label 3\",\n            children: [\n              {\n                label: \"Label 4\",\n                value: \"Value 4\",\n                description: \"Description 4\",\n              },\n              {\n                label: \"Label 5\",\n                value: \"Value 5\",\n                description: \"Description 5\",\n              },\n            ],\n          },\n        ];\n        select.addEventListener(\"icChange\", function (event) {\n          option = event.detail.value;\n          select.value = option;\n        });\n      </script>`);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n\n  it(\"passes accessibility (multi)\", async () => {\n    const el = await fixture(`<ic-select\n        label=\"Select component\"\n        helper-text=\"Helper text\"\n        required\n        multiple\n        validation-status=\"error\"\n        validation-text=\"Validation text\"\n      ></ic-select>\n      <script>\n        var select = document.querySelector(\"ic-select\");\n        var option = \"Value 1\";\n        select.options = [\n          {\n            label: \"Label 1\",\n            value: \"Value 1\",\n            description: \"Description 1\",\n          },\n          {\n            label: \"Label 2\",\n            value: \"Value 2\",\n            description: \"Description 2\",\n          },\n          {\n            label: \"Label 3\",\n            children: [\n              {\n                label: \"Label 4\",\n                value: \"Value 4\",\n                description: \"Description 4\",\n              },\n              {\n                label: \"Label 5\",\n                value: \"Value 5\",\n                description: \"Description 5\",\n              },\n            ],\n          },\n        ];\n        select.addEventListener(\"icChange\", function (event) {\n          option = event.detail.value;\n          select.value = option;\n        });\n      </script>`);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n\n  it(\"passes accessibility (searchable)\", async () => {\n    const el = await fixture(`<ic-select\n        label=\"Select component\"\n        helper-text=\"Helper text\"\n        required\n        searchable\n        validation-status=\"error\"\n        validation-text=\"Validation text\"\n      ></ic-select>\n      <script>\n        var select = document.querySelector(\"ic-select\");\n        var option = \"Value 1\";\n        select.options = [\n          {\n            label: \"Label 1\",\n            value: \"Value 1\",\n            description: \"Description 1\",\n          },\n          {\n            label: \"Label 2\",\n            value: \"Value 2\",\n            description: \"Description 2\",\n          },\n          {\n            label: \"Label 3\",\n            children: [\n              {\n                label: \"Label 4\",\n                value: \"Value 4\",\n                description: \"Description 4\",\n              },\n              {\n                label: \"Label 5\",\n                value: \"Value 5\",\n                description: \"Description 5\",\n              },\n            ],\n          },\n        ];\n        select.addEventListener(\"icChange\", function (event) {\n          option = event.detail.value;\n          select.value = option;\n        });\n      </script>`);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}