aria-ease 5.0.1 → 5.0.3

package/dist/src/accordion/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 // src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
-function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple = false }) {
+function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultipleOpen = false }) {
   const accordionContainer = document.querySelector(`#${accordionId}`);
   if (!accordionContainer) {
     console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion container exists before calling makeAccordionAccessible.`);
@@ -69,7 +69,7 @@ function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allo
     if (isExpanded) {
       collapseItem(index);
     } else {
-      if (!allowMultiple) {
+      if (!allowMultipleOpen) {
         triggers.forEach((_, i) => {
           if (i !== index) {
             collapseItem(i);

package/dist/src/accordion/index.d.cts

@@ -6,15 +6,15 @@ import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.cjs';
  * @param {string} accordionId - The id of the accordion container.
  * @param {string} triggersClass - The shared class of all accordion trigger buttons.
  * @param {string} panelsClass - The shared class of all accordion panels.
- * @param {boolean} allowMultiple - Whether multiple panels can be open simultaneously (default: false).
+ * @param {boolean} allowMultipleOpen - Whether multiple panels can be open simultaneously (default: false).
  */
 
 interface AccordionConfig {
     accordionId: string;
     triggersClass: string;
     panelsClass: string;
-    allowMultiple?: boolean;
+    allowMultipleOpen?: boolean;
 }
-declare function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple }: AccordionConfig): AccessibilityInstance;
+declare function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultipleOpen }: AccordionConfig): AccessibilityInstance;
 
 export { makeAccordionAccessible };

package/dist/src/accordion/index.d.ts

@@ -6,15 +6,15 @@ import { A as AccessibilityInstance } from '../Types.d-COr5IFp5.js';
  * @param {string} accordionId - The id of the accordion container.
  * @param {string} triggersClass - The shared class of all accordion trigger buttons.
  * @param {string} panelsClass - The shared class of all accordion panels.
- * @param {boolean} allowMultiple - Whether multiple panels can be open simultaneously (default: false).
+ * @param {boolean} allowMultipleOpen - Whether multiple panels can be open simultaneously (default: false).
  */
 
 interface AccordionConfig {
     accordionId: string;
     triggersClass: string;
     panelsClass: string;
-    allowMultiple?: boolean;
+    allowMultipleOpen?: boolean;
 }
-declare function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple }: AccordionConfig): AccessibilityInstance;
+declare function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultipleOpen }: AccordionConfig): AccessibilityInstance;
 
 export { makeAccordionAccessible };

package/dist/src/accordion/index.js

@@ -1,5 +1,5 @@
 // src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
-function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultiple = false }) {
+function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultipleOpen = false }) {
   const accordionContainer = document.querySelector(`#${accordionId}`);
   if (!accordionContainer) {
     console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion container exists before calling makeAccordionAccessible.`);
@@ -67,7 +67,7 @@ function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allo
     if (isExpanded) {
       collapseItem(index);
     } else {
-      if (!allowMultiple) {
+      if (!allowMultipleOpen) {
         triggers.forEach((_, i) => {
           if (i !== index) {
             collapseItem(i);

package/dist/src/utils/test/{chunk-IPJYOFRK.js → chunk-TUWQNVQJ.js}

@@ -1,34 +1,3 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
 // src/utils/test/contract/contract.json
 var contract_default = {
   menu: {
@@ -38,6 +7,10 @@ var contract_default = {
   combobox: {
     path: "./contracts/ComboboxContract.json",
     component: "combobox"
+  },
+  accordion: {
+    path: "./contracts/AccordionContract.json",
+    component: "accordion"
   }
 };
 
@@ -50,17 +23,22 @@ var ContractReporter = class {
   dynamicResults = [];
   totalTests = 0;
   skipped = 0;
+  optionalSuggestions = 0;
   isPlaywright = false;
+  apgUrl = "https://www.w3.org/WAI/ARIA/apg/";
   constructor(isPlaywright = false) {
     this.isPlaywright = isPlaywright;
   }
   log(message) {
     process.stderr.write(message + "\n");
   }
-  start(componentName, totalTests) {
+  start(componentName, totalTests, apgUrl) {
     this.startTime = Date.now();
     this.componentName = componentName;
     this.totalTests = totalTests;
+    if (apgUrl) {
+      this.apgUrl = apgUrl;
+    }
     const mode = this.isPlaywright ? "Playwright (Real Browser)" : "jsdom (Fast)";
     this.log(`
 ${"\u2550".repeat(60)}`);
@@ -73,10 +51,21 @@ ${"\u2550".repeat(60)}`);
     this.staticFailures = failures;
     const icon = failures === 0 ? "\u2705" : "\u274C";
     const status = failures === 0 ? "PASS" : "FAIL";
+    this.log("");
     this.log(`${icon} Static ARIA Tests: ${status}`);
     this.log(`   ${passes}/${passes + failures} required attributes present
 `);
   }
+  /**
+   * Report individual static test pass
+   */
+  reportStaticTest(description, passed, failureMessage) {
+    const icon = passed ? "\u2713" : "\u2717";
+    this.log(`  ${icon} ${description}`);
+    if (!passed && failureMessage) {
+      this.log(`     \u21B3 ${failureMessage}`);
+    }
+  }
   /**
    * Report individual dynamic test result
    */
@@ -84,20 +73,25 @@ ${"\u2550".repeat(60)}`);
     const result = {
       description: test.description,
       status,
-      failureMessage
+      failureMessage,
+      isOptional: test.isOptional
     };
     if (status === "skip" && test.requiresBrowser) {
       result.skipReason = "Requires real browser (addEventListener events)";
     }
     this.dynamicResults.push(result);
-    const icons = { pass: "\u2713", fail: "\u2717", skip: "\u25CB" };
-    this.log(`  ${icons[status]} ${test.description}`);
+    const icons = { pass: "\u2713", fail: "\u2717", skip: "\u25CB", "optional-fail": "\u25CB" };
+    const prefix = test.isOptional ? "[OPTIONAL] " : "";
+    this.log(`  ${icons[status]} ${prefix}${test.description}`);
     if (status === "skip" && !this.isPlaywright) {
       this.log(`     \u21B3 Skipped in jsdom (runs in Playwright)`);
     }
-    if (status === "fail" && failureMessage) {
+    if (status === "fail" && failureMessage && !test.isOptional) {
       this.log(`     \u21B3 ${failureMessage}`);
     }
+    if (status === "optional-fail") {
+      this.log(`     \u21B3 Not implemented (recommended for enhanced UX)`);
+    }
   }
   /**
    * Report all failures with actionable context
@@ -120,6 +114,30 @@ ${"\u2500".repeat(60)}`);
       this.log("");
     });
   }
+  /**
+   * Report optional features that aren't implemented
+   */
+  reportOptionalSuggestions() {
+    const suggestions = this.dynamicResults.filter((r) => r.status === "optional-fail");
+    if (suggestions.length === 0) return;
+    this.log(`
+${"\u2500".repeat(60)}`);
+    this.log(`\u{1F4A1} Optional Enhancements (${suggestions.length}):
+`);
+    this.log(`These features are optional per APG guidelines but recommended`);
+    this.log(`for improved user experience and keyboard navigation:
+`);
+    suggestions.forEach((test, index) => {
+      this.log(`${index + 1}. ${test.description}`);
+      if (test.failureMessage) {
+        this.log(`   \u21B3 ${test.failureMessage}`);
+      }
+    });
+    this.log(`
+\u2728 Consider implementing these for better accessibility`);
+    this.log(`   Reference: ${this.apgUrl}
+`);
+  }
   /**
    * Report skipped tests with helpful context
    */
@@ -149,30 +167,40 @@ ${"\u2500".repeat(60)}`);
     const dynamicPasses = this.dynamicResults.filter((r) => r.status === "pass").length;
     const dynamicFailures = this.dynamicResults.filter((r) => r.status === "fail").length;
     this.skipped = this.dynamicResults.filter((r) => r.status === "skip").length;
+    this.optionalSuggestions = this.dynamicResults.filter((r) => r.status === "optional-fail").length;
     const totalPasses = this.staticPasses + dynamicPasses;
     const totalFailures = this.staticFailures + dynamicFailures;
     const totalRun = totalPasses + totalFailures;
     if (failures.length > 0) {
       this.reportFailures(failures);
     }
+    this.reportOptionalSuggestions();
     this.reportSkipped();
     this.log(`
 ${"\u2550".repeat(60)}`);
     this.log(`\u{1F4CA} Summary
 `);
-    if (totalFailures === 0 && this.skipped === 0) {
+    if (totalFailures === 0 && this.skipped === 0 && this.optionalSuggestions === 0) {
       this.log(`\u2705 All ${totalRun} tests passed!`);
       this.log(`   ${this.componentName} component meets APG and WCAG guidelines \u2713`);
     } else if (totalFailures === 0) {
-      this.log(`\u2705 ${totalPasses}/${totalRun} tests passed`);
-      this.log(`\u25CB  ${this.skipped} tests skipped (jsdom limitation)`);
-      this.log(`   ${this.componentName} component works correctly`);
+      this.log(`\u2705 ${totalPasses}/${totalRun} required tests passed`);
+      if (this.skipped > 0) {
+        this.log(`\u25CB  ${this.skipped} tests skipped (jsdom limitation)`);
+      }
+      if (this.optionalSuggestions > 0) {
+        this.log(`\u{1F4A1} ${this.optionalSuggestions} optional enhancement${this.optionalSuggestions > 1 ? "s" : ""} suggested`);
+      }
+      this.log(`   ${this.componentName} component meets required standards \u2713`);
     } else {
       this.log(`\u274C ${totalFailures} test${totalFailures > 1 ? "s" : ""} failed`);
       this.log(`\u2705 ${totalPasses} test${totalPasses > 1 ? "s" : ""} passed`);
       if (this.skipped > 0) {
         this.log(`\u25CB  ${this.skipped} test${this.skipped > 1 ? "s" : ""} skipped`);
       }
+      if (this.optionalSuggestions > 0) {
+        this.log(`\u{1F4A1} ${this.optionalSuggestions} optional enhancement${this.optionalSuggestions > 1 ? "s" : ""} suggested`);
+      }
     }
     this.log(`\u23F1\uFE0F  Duration: ${duration}ms`);
     this.log(`${"\u2550".repeat(60)}
@@ -207,4 +235,4 @@ ${"\u2550".repeat(60)}`);
   }
 };
 
-export { ContractReporter, __commonJS, __export, __reExport, __toESM, contract_default };
+export { ContractReporter, contract_default };

package/dist/src/utils/test/{contractTestRunnerPlaywright-45CFWUOD.js → contractTestRunnerPlaywright-P5QZAIDR.js}

@@ -1,15 +1,8 @@
-import { __export, __reExport, ContractReporter, contract_default } from './chunk-IPJYOFRK.js';
+import { ContractReporter, contract_default } from './chunk-TUWQNVQJ.js';
 import { chromium } from 'playwright';
-import * as default2 from 'playwright/test';
-import default2__default from 'playwright/test';
+import { expect } from '@playwright/test';
 import { readFileSync } from 'fs';
 
-// node_modules/@playwright/test/index.mjs
-var test_exports = {};
-__export(test_exports, {
-  default: () => default2__default
-});
-__reExport(test_exports, default2);
 async function runContractTestsPlaywright(componentName, url) {
   const reporter = new ContractReporter(true);
   const contractTyped = contract_default;
@@ -21,7 +14,8 @@ async function runContractTestsPlaywright(componentName, url) {
   const contractData = readFileSync(resolvedPath, "utf-8");
   const componentContract = JSON.parse(contractData);
   const totalTests = componentContract.static[0].assertions.length + componentContract.dynamic.length;
-  reporter.start(componentName, totalTests);
+  const apgUrl = componentContract.meta?.source?.apg;
+  reporter.start(componentName, totalTests, apgUrl);
   const failures = [];
   const passes = [];
   const skipped = [];
@@ -32,25 +26,21 @@ async function runContractTestsPlaywright(componentName, url) {
     const page = await context.newPage();
     await page.goto(url, {
       waitUntil: "domcontentloaded",
-      timeout: 9e4
+      timeout: 9e5
     });
+    await page.addStyleTag({ content: `* { transition: none !important; animation: none !important; }` });
     const mainSelector = componentContract.selectors.trigger || componentContract.selectors.input || componentContract.selectors.container;
     if (!mainSelector) {
       throw new Error(`No main selector (trigger, input, or container) found in contract for ${componentName}`);
     }
-    await page.waitForSelector(mainSelector, { timeout: 9e4 });
+    await page.locator(mainSelector).first().waitFor({ state: "attached", timeout: 9e5 });
     if (componentName === "menu" && componentContract.selectors.trigger) {
-      await page.waitForFunction(
-        (selector) => {
-          const trigger = document.querySelector(selector);
-          return trigger && trigger.getAttribute("data-menu-initialized") === "true";
-        },
-        componentContract.selectors.trigger,
-        { timeout: 1e4 }
-      ).catch(() => {
-        console.warn("Menu initialization signal not detected, continuing with tests...");
+      await page.locator(componentContract.selectors.trigger).first().waitFor({
+        state: "visible",
+        timeout: 1e4
+      }).catch(() => {
+        console.warn("Menu trigger not visible, continuing with tests...");
       });
-      await page.waitForTimeout(300);
     }
     async function resolveRelativeTarget(selector, relative) {
       const items = await page.locator(selector).all();
@@ -126,7 +116,7 @@ async function runContractTestsPlaywright(componentName, url) {
         const popupSelector = componentContract.selectors.listbox || componentContract.selectors.container;
         if (!popupSelector) continue;
         const popupElement = page.locator(popupSelector).first();
-        const isPopupVisible = await popupElement.isVisible();
+        const isPopupVisible = await popupElement.isVisible().catch(() => false);
         if (isPopupVisible) {
           let menuClosed = false;
           let closeSelector = componentContract.selectors.input;
@@ -138,44 +128,17 @@ async function runContractTestsPlaywright(componentName, url) {
           if (closeSelector) {
             const closeElement = page.locator(closeSelector).first();
             await closeElement.focus();
-            await page.waitForTimeout(200);
             await page.keyboard.press("Escape");
-            menuClosed = await page.waitForFunction(
-              (selector) => {
-                const popup = document.querySelector(selector);
-                return popup && getComputedStyle(popup).display === "none";
-              },
-              popupSelector,
-              { timeout: 3e3 }
-            ).then(() => true).catch(() => false);
+            menuClosed = await expect(popupElement).toBeHidden({ timeout: 3e3 }).then(() => true).catch(() => false);
           }
           if (!menuClosed && componentContract.selectors.trigger) {
             const triggerElement = page.locator(componentContract.selectors.trigger).first();
             await triggerElement.click();
-            await page.waitForTimeout(500);
-            menuClosed = await page.waitForFunction(
-              (selector) => {
-                const popup = document.querySelector(selector);
-                return popup && getComputedStyle(popup).display === "none";
-              },
-              popupSelector,
-              { timeout: 3e3 }
-            ).then(() => true).catch(() => false);
+            menuClosed = await expect(popupElement).toBeHidden({ timeout: 3e3 }).then(() => true).catch(() => false);
           }
           if (!menuClosed) {
             await page.mouse.click(10, 10);
-            await page.waitForTimeout(500);
-            menuClosed = await page.waitForFunction(
-              (selector) => {
-                const popup = document.querySelector(selector);
-                return popup && getComputedStyle(popup).display === "none";
-              },
-              popupSelector,
-              { timeout: 3e3 }
-            ).then(() => true).catch(() => false);
-            if (menuClosed) {
-              console.log("\u{1F3AF} Strategy 3 (Click outside) worked");
-            }
+            menuClosed = await expect(popupElement).toBeHidden({ timeout: 3e3 }).then(() => true).catch(() => false);
           }
           if (!menuClosed) {
             throw new Error(
@@ -186,25 +149,12 @@ async function runContractTestsPlaywright(componentName, url) {
 This indicates a problem with the menu component's close functionality.`
             );
           }
-          if (componentName === "menu" && componentContract.selectors.trigger) {
-            await page.waitForFunction(
-              (selector) => {
-                const trigger = document.querySelector(selector);
-                return document.activeElement === trigger;
-              },
-              componentContract.selectors.trigger,
-              { timeout: 2e3 }
-            ).catch(async () => {
-              const triggerElement = page.locator(componentContract.selectors.trigger).first();
-              await triggerElement.focus();
-              await page.waitForTimeout(200);
-            });
-          }
-          await page.waitForTimeout(500);
           if (componentContract.selectors.input) {
-            const inputElement = page.locator(componentContract.selectors.input).first();
-            await inputElement.clear();
-            await page.waitForTimeout(100);
+            await page.locator(componentContract.selectors.input).first().clear();
+          }
+          if (componentName === "menu" && componentContract.selectors.trigger) {
+            const triggerElement = page.locator(componentContract.selectors.trigger).first();
+            await triggerElement.focus();
           }
         }
       }
@@ -248,7 +198,6 @@ This indicates a problem with the menu component's close functionality.`
             continue;
           }
           await page.locator(focusSelector).first().focus();
-          await page.waitForTimeout(100);
         }
         if (act.type === "type" && act.value) {
           const typeSelector = componentContract.selectors[act.target];
@@ -257,7 +206,6 @@ This indicates a problem with the menu component's close functionality.`
             continue;
           }
           await page.locator(typeSelector).first().fill(act.value);
-          await page.waitForTimeout(100);
         }
         if (act.type === "click") {
           if (act.target === "document") {
@@ -274,7 +222,6 @@ This indicates a problem with the menu component's close functionality.`
               continue;
             }
             await relativeElement.click();
-            await page.waitForTimeout(componentName === "menu" ? 800 : 200);
           } else {
             const actionSelector = componentContract.selectors[act.target];
             if (!actionSelector) {
@@ -282,7 +229,6 @@ This indicates a problem with the menu component's close functionality.`
               continue;
             }
             await page.locator(actionSelector).first().click();
-            await page.waitForTimeout(componentName === "menu" ? 800 : 200);
           }
         }
         if (act.type === "keypress" && act.key) {
@@ -305,9 +251,7 @@ This indicates a problem with the menu component's close functionality.`
             keyValue = keyValue.replace(/ /g, "");
           }
           if (act.target === "focusable" && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Escape"].includes(keyValue)) {
-            await page.waitForTimeout(componentName === "menu" ? 200 : 100);
             await page.keyboard.press(keyValue);
-            await page.waitForTimeout(componentName === "menu" ? 300 : 100);
           } else {
             const keypressSelector = componentContract.selectors[act.target];
             if (!keypressSelector) {
@@ -336,7 +280,6 @@ This indicates a problem with the menu component's close functionality.`
               continue;
             }
             await relativeElement.hover();
-            await page.waitForTimeout(100);
           } else {
             const hoverSelector = componentContract.selectors[act.target];
             if (!hoverSelector) {
@@ -344,12 +287,9 @@ This indicates a problem with the menu component's close functionality.`
               continue;
             }
             await page.locator(hoverSelector).first().hover();
-            await page.waitForTimeout(100);
           }
         }
-        await page.waitForTimeout(componentName === "menu" ? 200 : 100);
       }
-      await page.waitForTimeout(componentName === "menu" ? 300 : 100);
       for (const assertion of assertions) {
         let target;
         if (assertion.target === "relative") {
@@ -378,7 +318,7 @@ This indicates a problem with the menu component's close functionality.`
         }
         if (assertion.assertion === "toBeVisible") {
           try {
-            await (0, test_exports.expect)(target).toBeVisible({ timeout: 3e3 });
+            await expect(target).toBeVisible({ timeout: 3e3 });
             passes.push(`${assertion.target} is visible as expected. Test: "${dynamicTest.description}".`);
           } catch {
             const debugState = await page.evaluate((sel) => {
@@ -392,7 +332,7 @@ This indicates a problem with the menu component's close functionality.`
         }
         if (assertion.assertion === "notToBeVisible") {
           try {
-            await (0, test_exports.expect)(target).toBeHidden({ timeout: 5e3 });
+            await expect(target).toBeHidden({ timeout: 5e3 });
             passes.push(`${assertion.target} is not visible as expected. Test: "${dynamicTest.description}".`);
           } catch {
             const debugState = await page.evaluate((sel) => {
@@ -414,7 +354,7 @@ This indicates a problem with the menu component's close functionality.`
                 failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should not be empty, found "${attributeValue}".`);
               }
             } else {
-              await (0, test_exports.expect)(target).toHaveAttribute(assertion.attribute, assertion.expectedValue, { timeout: 3e3 });
+              await expect(target).toHaveAttribute(assertion.attribute, assertion.expectedValue, { timeout: 3e3 });
               passes.push(`${assertion.target} has expected "${assertion.attribute}". Test: "${dynamicTest.description}".`);
             }
           } catch {
@@ -444,7 +384,7 @@ This indicates a problem with the menu component's close functionality.`
         }
         if (assertion.assertion === "toHaveFocus") {
           try {
-            await (0, test_exports.expect)(target).toBeFocused({ timeout: 5e3 });
+            await expect(target).toBeFocused({ timeout: 5e3 });
             passes.push(`${assertion.target} has focus as expected. Test: "${dynamicTest.description}".`);
           } catch {
             const actualFocus = await page.evaluate(() => {
@@ -466,7 +406,12 @@ This indicates a problem with the menu component's close functionality.`
       const failuresAfterTest = failures.length;
       const testPassed = failuresAfterTest === failuresBeforeTest;
       const failureMessage = testPassed ? void 0 : failures[failures.length - 1];
-      reporter.reportTest(dynamicTest, testPassed ? "pass" : "fail", failureMessage);
+      if (dynamicTest.isOptional === true && !testPassed) {
+        failures.pop();
+        reporter.reportTest(dynamicTest, "optional-fail", failureMessage);
+      } else {
+        reporter.reportTest(dynamicTest, testPassed ? "pass" : "fail", failureMessage);
+      }
     }
     const staticPassed = componentContract.static[0].assertions.length;
     const staticFailed = 0;