@govbr-ds/webcomponents 2.0.0-next.5 → 2.0.0-next.6

package/dist/collection/components/input/tests/input.e2e.js

@@ -0,0 +1,25 @@
+import AxeBuilder from "@axe-core/playwright";
+import { expect, test } from "@playwright/test";
+test.describe('br-input', () => {
+    test('should render the correct label', async ({ page }) => {
+        // The path here is the path to the www output relative to the dev server root directory
+        await page.goto('input');
+        // Verifica se tem o label
+        await expect(page.getByText('Com botão')).toBeVisible();
+        // Verifica se o input está na tela e dá um clique nele
+        await page.getByRole('textbox', { name: 'Com botão' }).click();
+        // Insere um texto no campo input
+        await page.getByRole('textbox', { name: 'Com botão' }).first().fill('Jhon Doe');
+        // Verifica se o valor informando no campo acima foi realmente inserida no campo
+        await expect(page.getByRole('textbox', { name: 'Com botão' })).toHaveValue('Jhon Doe');
+    });
+    test('should not have any automatically detectable WCAG A or AA violations', async ({ page }) => {
+        await page.goto('input');
+        const accessibilityScanResults = await new AxeBuilder({ page })
+            .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'])
+            .disableRules(['color-contrast'])
+            .analyze();
+        expect(accessibilityScanResults.violations).toEqual([]);
+    });
+});
+//# sourceMappingURL=input.e2e.js.map

package/dist/collection/components/input/tests/input.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.e2e.js","sourceRoot":"","sources":["../../../../src/components/input/tests/input.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAE/C,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IAC7B,IAAI,CAAC,iCAAiC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzD,wFAAwF;QACxF,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAExB,0BAA0B;QAC1B,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA;QAEvD,uDAAuD;QACvD,MAAM,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;QAE9D,iCAAiC;QACjC,MAAM,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAE/E,gFAAgF;QAChF,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAA;IACxF,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sEAAsE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC9F,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAExB,MAAM,wBAAwB,GAAG,MAAM,IAAI,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC;aAC5D,QAAQ,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;aACtD,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAAC;aAChC,OAAO,EAAE,CAAA;QAEZ,MAAM,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IACzD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import AxeBuilder from '@axe-core/playwright'\nimport { expect, test } from '@playwright/test'\n\ntest.describe('br-input', () => {\n  test('should render the correct label', async ({ page }) => {\n    // The path here is the path to the www output relative to the dev server root directory\n    await page.goto('input')\n\n    // Verifica se tem o label\n    await expect(page.getByText('Com botão')).toBeVisible()\n\n    // Verifica se o input está na tela e dá um clique nele\n    await page.getByRole('textbox', { name: 'Com botão' }).click()\n\n    // Insere um texto no campo input\n    await page.getByRole('textbox', { name: 'Com botão' }).first().fill('Jhon Doe')\n\n    // Verifica se o valor informando no campo acima foi realmente inserida no campo\n    await expect(page.getByRole('textbox', { name: 'Com botão' })).toHaveValue('Jhon Doe')\n  })\n\n  test('should not have any automatically detectable WCAG A or AA violations', async ({ page }) => {\n    await page.goto('input')\n\n    const accessibilityScanResults = await new AxeBuilder({ page })\n      .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'])\n      .disableRules(['color-contrast'])\n      .analyze()\n\n    expect(accessibilityScanResults.violations).toEqual([])\n  })\n})\n"]}

package/dist/collection/components/input/tests/input.spec.js

@@ -0,0 +1,36 @@
+// Since the 'template' argument to `newSpecPage` is using jsx syntax, this should be in a .tsx file.
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { Input } from "../input";
+describe('Input', () => {
+    it('should render my component', async () => {
+        const page = await newSpecPage({
+            components: [Input],
+            template: () => (h("br-input", { label: 'teste' })),
+        });
+        expect(page.root).toEqualHtml(`
+    <br-input density="" label="teste" type="text">
+       <mock:shadow-root>
+         <div class="br-input">
+           <label class="text-nowrap" htmlfor="">
+             teste
+           </label>
+           <input type="text">
+         </div>
+       </mock:shadow-root>
+     </br-input>
+  `);
+    });
+    it('should render my component with label', async () => {
+        var _a;
+        const label = 'Label do input';
+        const page = await newSpecPage({
+            components: [Input],
+            html: `<br-input label="${label}"></br-input>`,
+        });
+        // console.log(page.body?.innerHTML)
+        // console.log(page.root?.label)
+        await expect((_a = page.root) === null || _a === void 0 ? void 0 : _a.label).toContain(label);
+    });
+});
+//# sourceMappingURL=input.spec.js.map

package/dist/collection/components/input/tests/input.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.spec.js","sourceRoot":"","sources":["../../../../src/components/input/tests/input.spec.tsx"],"names":[],"mappings":"AAAA,qGAAqG;AACrG,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,gBAAU,KAAK,EAAC,OAAO,GAAY,CAAC;SACtD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;GAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;;QACrD,MAAM,KAAK,GAAG,gBAAgB,CAAC;QAC/B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,oBAAoB,KAAK,eAAe;SAC/C,CAAC,CAAC;QAEH,oCAAoC;QACpC,gCAAgC;QAEhC,MAAM,MAAM,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAEjD,CAAC,CAAC,CAAA;AAEF,CAAC,CAAC,CAAA","sourcesContent":["// Since the 'template' argument to `newSpecPage` is using jsx syntax, this should be in a .tsx file.\nimport { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { Input } from '../input';\n\ndescribe('Input', () => {\nit('should render my component', async () => {\n  const page = await newSpecPage({\n    components: [Input],\n    template: () => (<br-input label='teste'></br-input>),\n  });\n  \n  expect(page.root).toEqualHtml(`\n    <br-input density=\"\" label=\"teste\" type=\"text\">\n       <mock:shadow-root>\n         <div class=\"br-input\">\n           <label class=\"text-nowrap\" htmlfor=\"\">\n             teste\n           </label>\n           <input type=\"text\">\n         </div>\n       </mock:shadow-root>\n     </br-input>\n  `);\n});\n\nit('should render my component with label', async () => {\n  const label = 'Label do input';\n  const page = await newSpecPage({\n    components: [Input],\n    html: `<br-input label=\"${label}\"></br-input>`,\n  });\n\n  // console.log(page.body?.innerHTML)\n  // console.log(page.root?.label)\n\n  await expect(page.root?.label).toContain(label)\n\n})\n\n})"]}

package/dist/collection/components/item/item.js

@@ -53,7 +53,7 @@ export class Item {
         };
     }
     render() {
-        return (h(Host, { key: 'c46e3ed465539a997c4c21becaab05f484718f10' }, h("div", Object.assign({ key: '4c98a034eb880fb2c2ec80fba9075e742c7c3247', class: this.getCssClassMap(), "data-toggle": "selection" }, this.inheritedAttributes), h("slot", { key: 'cb9ff34d80d2c6819c4fbecd2c7acce7251d930a' }))));
+        return (h(Host, { key: 'c0945aceeae4e2c66f3adbd0856afff078b0bf87' }, h("div", Object.assign({ key: '46548c08438c8462c5def9cc0a225e0d51c8dbc1', class: this.getCssClassMap(), "data-toggle": "selection" }, this.inheritedAttributes), h("slot", { key: '17880c8117e85ab88134364a16a89c117529f6b8' }))));
     }
     static get is() { return "br-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/pages/icon/icon.js

@@ -0,0 +1,19 @@
+if (!window.elementsToListen && !window.eventsToListen) {
+  const elementsToListen = document.querySelectorAll("br-icon");
+
+  const eventsToListen = ["click"];
+
+  elementsToListen.forEach((domElement) => {
+    eventsToListen.forEach((event) => {
+      domElement.addEventListener(event, function (event) {
+        console.log({
+          Elemento: domElement,
+          Evento: event,
+          Tipo: event.type,
+          'Detail(Custom Events)': event.detail,
+          'Data(Native Events)': event.data,
+        })
+      })
+    })
+  })
+}

package/dist/components/br-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BrIcon extends Components.BrIcon, HTMLElement {}
+export const BrIcon: {
+    prototype: BrIcon;
+    new (): BrIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;