q2-tecton-elements 1.70.2 → 1.71.0

package/dist/types/utils/helpers.d.ts

@@ -59,7 +59,22 @@ export declare const getNestedElementProperty: (page: E2EPage, selectors: string
 export declare const getNestedElementAttribute: (page: E2EPage, selectors: string | string[], attribute: string) => Promise<string>;
 export declare const getNestedElementStyle: (page: E2EPage, selectors: string | string[], attribute: string) => Promise<any>;
 export declare const getNestedAssignedElementLength: (page: E2EPage, selectors: string | string[]) => Promise<number>;
-export declare const evaluateA11y: (page: E2EPage, ...args: string[]) => Promise<any>;
+/**
+ * Evaluates accessibility violations on the provided E2EPage using axe-core.
+ *
+ * @param page The E2EPage instance to evaluate.
+ * @param ignoredRules A record of accessibility rules to ignore, with rule IDs as keys and arrays of message
+ *     substrings as values. A violation is ignored when its message contains any one of the provided substrings.
+ * @param args Additional arguments, such as 'webpage' or 'verbose'.
+ * @returns A processed object of accessibility violations, or false if none are found.
+ *
+ * @example
+ * const violations = await evaluateA11y(page, {
+ *     'color-contrast': ['Element has insufficient color contrast'],
+ *     'aria-required-children': ['Required ARIA child role not present', 'aria-owns'],
+ * });
+ */
+export declare const evaluateA11y: (page: E2EPage, ignoredRules?: Record<string, string[]>, ...args: string[]) => Promise<any>;
 /**
  * This function mocks the fetch API to return a resolved promise with the given icon markup.
  * You can optionally provide a <symbol> element, but it is not required.

package/dist/types/utils/test/vr-helpers.d.ts

@@ -1,6 +1,10 @@
 import type { Page } from '@playwright/test';
 export type Theme = 'default-2026' | 'flat' | 'glassmorphism' | 'high-visibility' | 'minimalist' | 'neo-brutalist' | 'standard';
 export declare const THEMES: Theme[];
+/** Base font size (px) used for font-scale VR tests. Change here to update all tests. */
+export declare const FONT_SCALE_PX = 17;
+/** Snapshot name suffix for font-scale variants. */
+export declare const FONT_SCALE_SUFFIX = "scaled-font-size";
 export interface SetupPageOptions {
     theme?: Theme;
     /**
@@ -10,5 +14,12 @@ export interface SetupPageOptions {
      * register additional test-specific tokens that override defaults.
      */
     setupLoc?: true | Record<string, string>;
+    /**
+     * Override the document root font size (px). Sets `html { font-size: Npx }`, which
+     * changes `1rem` and therefore scales every `--const-px-N` token proportionally.
+     * Use to verify that components with scalable font sizes respond correctly to a
+     * non-default base font size (e.g. `fontSizePx: 17` for a 17 px host application).
+     */
+    fontSizePx?: number;
 }
 export declare const setupPage: (page: Page, content: string, options?: SetupPageOptions) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.70.2",
+    "version": "1.71.0",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -29,7 +29,7 @@
         "build:prod": "stencil build --debug && node ../../build/create-theme-files.js",
         "clean": "rm -rf dist tmp",
         "nom": "rm -rf node_modules",
-        "lint": "pnpm eslint && pnpm style",
+        "lint": "pnpm eslint && pnpm style && pnpm lint:styles",
         "lint:fix": "pnpm eslint:fix && pnpm style:fix",
         "eslint": "eslint --config eslint.config.cli.mjs .",
         "eslint:fix": "eslint --fix --config eslint.config.cli.mjs .",
@@ -52,11 +52,18 @@
         "test:visual-regression-ui-stop": "docker stop $(docker ps --filter 'publish=9323' --format '{{.ID}}') 2>/dev/null || echo 'No UI server running'",
         "test:visual-regression-update": "bash scripts/visual-regression.sh --update-snapshots",
         "test:visual-regression-ci": "pnpm --filter q2-tecton-common build:dev && npm --prefix ../q2-tecton-theme run build:dev && pnpm --filter tecton-aesthetics compile:all && STENCIL_ENABLE_WWW=true playwright test --reporter=list",
-        "generate:phone-formats": "node scripts/generatePhoneFormats.js"
+        "generate:phone-formats": "node scripts/generatePhoneFormats.js",
+        "test:lint-rules": "jest",
+        "lint:styles": "stylelint 'src/**/*.scss' --config .stylelintrc --allow-empty-input"
+    },
+    "jest": {
+        "testMatch": [
+            "**/test/**/*.test.js"
+        ]
     },
     "dependencies": {
         "@stencil/core": "~4.43.0",
-        "q2-tecton-common": "1.70.2",
+        "q2-tecton-common": "1.71.0",
         "swiper": "^12.1.2"
     },
     "devDependencies": {
@@ -78,5 +85,5 @@
         "rollup-plugin-istanbul": "^5.0.0"
     },
     "packageManager": "pnpm@10.27.0",
-    "gitHead": "66dbc0c35b0017b6c73c3c2be184b3ba17f43ce6"
+    "gitHead": "71a344c4d6495bf70c23db0f492f2717e63bda91"
 }