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

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})"]}