Komponentbygger
Her kan du teste ut alle egenskapene til PktTextarea, og få ferdig kode for React og Elements.
Hvordan ta i bruk?
// React
import { PktTextarea } from "@oslokommune/punkt-react";
// Custom Element:
import "@oslokommune/punkt-elements/dist/pkt-textarea.js";
// Custom Element fra CDN:
<script src="https://punkt-cdn.oslo.kommune.no/latest/elements/pkt-textarea.js"></script>;
Testing
Dersom dere skal skrive tester med JSDOM eller liknende, er det viktig at dere lar komponenten bli rendret ferdig før dere tester den. Dette kan gjøres ved å kjøre denne kodelinjen før testene kjøres:
await window.customElements.whenDefined("pkt-textarea");
Om dere bruker data-testid
for å hente ut elementer i testene, vil attributten videresendes til selve skjemaelementet. Dersom dere heller ønsker å bruke data-testid
på elementet <pkt-textarea>
, må dere sette attributten skipForwardTestid
på elementet.