@oslokommune/punkt-testing-utils 12.24.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present Oslo kommune, Oslo Origo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,94 @@
+# punkt-testing-library
+
+Dette biblioteket oppstod for å gjøre det enklere å skrive frontend-tester i applikasjoner som bruker Punkt og testing-library.
+
+Siden testing-library ikke har veldig god støtte for custom elements (web components). Når du oppgraderer til ny Punkt-versjon, og Punkt-teamet har migrert komponenter fra React/Vue til Web components, risikerer du at testene dine begynner å feile på ikke-opplagt vis.
+
+punkt-testing-library er ment å gjøre oppgradering til nye Punkt-versjoner mindre smertefullt, ved å abstrahere funksjoner fra testing-library og la deg som webapp-utvikler forholde deg til funksjoner som vedlikeholdes av Punkt.
+
+## Installasjon og oppsett
+```
+npm install --save-dev @oslokommune/punkt-testing-library
+```
+Du må initialisere punkt-testing-library med din testing-library-implementasjon, for eksempel:
+```
+import * as ReactTestingLibrary from '@testing-library/react';
+
+const {
+  getPktElementByLabelText,
+  setPktElementChecked,
+  setPktElementValue,
+  getAllPktElementsByLabelText,
+  getPktElementByPlaceholderText,
+  waitForPktElementsToBeDefined,
+  getPktSelectOptions,
+  checkPktElement,
+} = setupPktTestingLibrary(ReactTestingLibrary)
+```
+Dette kan du gjerne gjøre i en felles-fil som du importerer i testene dine.
+
+## Eksempel:
+
+### Uten punkt-testing-library
+```
+const input = (await screen.findByLabelText("Mitt input-felt"));
+fireEvent.change(input, "Ny verdi");
+ ```
+Dette er sårbart fordi `findByLabelText` kan returnere et `PktTextinput` eller det underliggende `HTMLInput`-elementet, avhengig av hvilken versjon av Punkt du bruker.
+
+### Med punkt-testing-library
+```
+const input = punktTestingLibrary.getPktElementByLabelText('Mitt input-felt');
+await punktTestingLibrary.changePktElementValue(input, 'Ny verdi');
+```
+Dette er mindre sårbart fordi du ikke trenger å vite om input-feltet er et `PktTextinput` eller et `HTMLInput`-element - så lenge du holder deg til funksjoner fra punkt-testing-library, vil testene dine fungere uavhengig av hvilken versjon av Punkt du bruker.
+
+Funksjoner i punkt-testing-library som tar et element som parameter, kan også kalles med label, så eksempelet kan forkortes til
+```
+const element = await punktTestingLibrary.setPktElementValue('Mitt input-felt', 'Ny verdi');
+```
+Merk at funksjoner i punkt-testing-library som endrer verdier er asynkrone (returnerer et promise), så de bør alltid brukes med `await`.
+
+## API
+```
+export type LabelOrElement = string | RegExp | Element
+
+/**
+ * Representerer en option i en PktSelect.
+ *
+ * @property {string} 0 - verdien (value)
+ * @property {string | null} 1 - Tekstinnholdet, <option>tekstinnhold</option>
+ * @property {boolean} 2 - Om denne er valgt (selected)
+ */
+type PktOption = [string, string | null, boolean];
+
+export type PktTestingLibrary = {
+  checkPktElement: (labelOrElement: LabelOrElement) => Promise<boolean>
+  getPktElementByLabelText: (label: string, container?: HTMLElement) => Element
+  getPktElementByPlaceholderText: (labelOrElement: LabelOrElement) => Element
+  getPktSelectOptions: (labelOrElement: LabelOrElement<PktSelect>) => Array<PktOption>
+  getAllPktElementsByLabelText: (label: string, container?: HTMLElement) => Element[]
+  setPktElementChecked: (labelOrElement: LabelOrElement, checked: boolean) => Promise<boolean>
+  setPktElementValue: (
+    labelOrElement: LabelOrElement,
+    valueOrValues: string | Array<string>,
+    useInputEvent?: boolean,
+  ) => Promise<boolean>
+  pktClickButton: (labelOrElement: LabelOrElement) => Promise<boolean>
+  waitForPktElementsToBeDefined: () => Promise<any>
+}
+```
+
+## Er dette bare for React?
+Nja - foreløpig er punkt-testing-library bare testet med react-testing-library. Bruker Punkt med Vue? Det _kan_ det hende at mye vil fungere med vue-testing-library også. Hvis du prøver, så gi oss gjerne tilbakemelding, så er vi interesserte i å få det til å funke!
+
+Det kan også være mulig å bruke punkt-testing-library med helt andre testrammeverk. Du må i så fall implementere `PktTestingLibraryOptions`-interfacet selv, og initialisere punkt-testing-library med din implementasjon:
+```
+const MyTestingLibrary = {
+  fireEvent: /* implementasjon */ ,
+  findAllByLabelText: /* implementasjon */
+  // osv
+}
+
+const { getPktElementByLabelText, setPktElementChecked, ...} = setupPktTestingLibrary(MyTestingLibrary)
+ ```

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+import { default as DomTestingLibrary } from '@testing-library/dom';
+import { PktDatepicker, PktInputWrapper, PktProgressbar, PktRadioButton, PktSelect, PktTextarea } from '@oslokommune/punkt-elements';
+
+export declare const PKT_CUSTOM_FORMFIELDS: string[];
+type PTLElementType = PktDatepicker | PktProgressbar | PktTextarea | PktInputWrapper | PktSelect | PktRadioButton | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export type PktTestingLibraryOptions = Pick<typeof DomTestingLibrary, 'fireEvent' | 'findAllByLabelText' | 'findAllByTestId' | 'findAllByDisplayValue' | 'findAllByText' | 'getAllByLabelText' | 'getAllByTestId' | 'getAllByDisplayValue' | 'getAllByText'>;
+export type LabelOrElement<ElementType = PTLElementType> = string | RegExp | ElementType;
+export type PktElementValueType = string | number | Date;
+export type PktTestingLibrary = {
+    findPktElementByLabelText: (label: string | RegExp, container?: HTMLElement) => Promise<PTLElementType>;
+    getPktElementByLabelText: (label: string | RegExp, container?: HTMLElement) => PTLElementType;
+    getPktSelectOptions: (labelOrElement: LabelOrElement<PktSelect>) => Array<PktOption>;
+    getAllPktElementsByLabelText: (label: string, container?: HTMLElement) => Element[];
+    setPktElementChecked: (labelOrElement: LabelOrElement, checked: boolean) => Promise<boolean>;
+    setPktElementValue: (labelOrElement: LabelOrElement, valueOrValues: PktElementValueType | Array<PktElementValueType>, useInputEvent?: boolean) => Promise<boolean>;
+    pktClickButton: (labelOrElement: LabelOrElement<PktRadioButton>) => Promise<boolean>;
+    waitForPktElementsToBeDefined: () => Promise<any>;
+};
+export declare const setupPktTestingLibrary: (options: PktTestingLibraryOptions) => PktTestingLibrary;
+/**
+ * Representerer en option i en PktSelect.
+ *
+ * @property {string} 0 - verdien (value)
+ * @property {string | null} 1 - Tekstinnholdet, <option>tekstinnhold</option>
+ * @property {boolean} 2 - Om denne er valgt (selected)
+ */
+export type PktOption = [string, string | null, boolean];
+export {};

package/dist/punkt-testing-utils.es.js

@@ -0,0 +1,205 @@
+import { getElementError } from "@testing-library/dom";
+const PKT_CUSTOM_FORMFIELDS = [
+  "pkt-datepicker",
+  "pkt-progressbar",
+  "pkt-textarea",
+  "pkt-textinput",
+  "pkt-select"
+];
+const PKT_CUSTOM_ELEMENTS = ["pkt-input-wrapper", ...PKT_CUSTOM_FORMFIELDS];
+const setupPktTestingLibrary = (options) => {
+  const tools = {
+    fireEvent: options.fireEvent,
+    findAllByLabelText: options.findAllByLabelText,
+    findAllByDisplayValue: options.findAllByDisplayValue,
+    findAllByTestId: options.findAllByTestId,
+    findAllByText: options.findAllByText,
+    getAllByLabelText: options.getAllByLabelText,
+    getAllByDisplayValue: options.getAllByDisplayValue,
+    getAllByTestId: options.getAllByTestId,
+    getAllByText: options.getAllByText
+  };
+  return {
+    findPktElementByLabelText: withTestingLibrary(tools, findPktElementByLabel),
+    waitForPktElementsToBeDefined,
+    getPktElementByLabelText: withTestingLibrary(tools, getPktElementByLabel),
+    setPktElementChecked: withTestingLibrary(tools, setPktElementChecked),
+    getPktSelectOptions: withTestingLibrary(tools, getPktSelectOptions),
+    getAllPktElementsByLabelText: withTestingLibrary(tools, getAllPktElementsByLabelText),
+    setPktElementValue: withTestingLibrary(tools, setPktElementValue),
+    pktClickButton: withTestingLibrary(tools, pktClickButton)
+  };
+};
+const syncQueryFunctionResolver = (testingLibrary) => (queryType) => {
+  const queries = {
+    text: testingLibrary.getAllByText,
+    label: testingLibrary.getAllByLabelText,
+    testid: testingLibrary.getAllByTestId,
+    displayValue: testingLibrary.getAllByDisplayValue
+  };
+  const query = queries[queryType];
+  if (query) {
+    return query;
+  } else {
+    throw new Error("Unsupported query type: " + queryType);
+  }
+};
+const asyncQueryFunctionResolver = (testingLibrary) => (queryType) => {
+  const queries = {
+    text: testingLibrary.findAllByText,
+    label: testingLibrary.findAllByLabelText,
+    testid: testingLibrary.findAllByTestId,
+    displayValue: testingLibrary.findAllByDisplayValue
+  };
+  const query = queries[queryType];
+  if (query) {
+    return query;
+  } else {
+    throw new Error("Unsupported query type: " + queryType);
+  }
+};
+const syncResolveIdentifierOrElement = (testingLibrary) => (elementOrIdentifier, query) => typeof elementOrIdentifier === "string" || elementOrIdentifier instanceof RegExp ? getPktElementBy(testingLibrary)(query, elementOrIdentifier) : elementOrIdentifier;
+const asyncResolveIdentifierOrElement = (testingLibrary) => async (elementOrIdentifier, query) => typeof elementOrIdentifier === "string" || elementOrIdentifier instanceof RegExp ? await findPktElementBy(testingLibrary)(query, elementOrIdentifier) : elementOrIdentifier;
+const asyncFuncWithStringIdentifierOrElement = (testingLibrary) => (func, query = "label") => {
+  return async (labelOrPktElement, ...restArgs) => {
+    const element = await asyncResolveIdentifierOrElement(testingLibrary)(labelOrPktElement, query);
+    return await func(element, ...restArgs);
+  };
+};
+const syncFuncWithStringIdentifierOrElement = (testingLibrary) => (func, query = "label") => {
+  return (labelOrPktElement, ...restArgs) => {
+    const element = syncResolveIdentifierOrElement(testingLibrary)(labelOrPktElement, query);
+    return func(element, ...restArgs);
+  };
+};
+const withTestingLibrary = (testingLibrary, fn) => fn(testingLibrary);
+const waitForPktElementsToBeDefined = async () => await Promise.all(
+  PKT_CUSTOM_ELEMENTS.map((elementName) => {
+    if (document.querySelector(elementName) !== null) {
+      return window.customElements.whenDefined(elementName);
+    }
+  }).filter((promise) => promise)
+);
+const findPossibleWrappingPktCustomElement = (innerElement, isByRole, args) => {
+  if (!innerElement === null) {
+    throw getElementError(`Finner ikke noe element med ${isByRole ? "role" : "label"} "${args[0]}"`, document.body);
+  }
+  const pktElement = innerElement == null ? void 0 : innerElement.closest(PKT_CUSTOM_FORMFIELDS.join(", "));
+  if (pktElement) {
+    return pktElement;
+  } else {
+    return innerElement;
+  }
+};
+const getPktElementBy = (testingLibrary) => (query = "label", identifier, container) => {
+  const queryFunc = syncQueryFunctionResolver(testingLibrary)(query);
+  const innerElement = doElementSearch(identifier, query, queryFunc, container)[0];
+  return findPossibleWrappingPktCustomElement(innerElement, false, []);
+};
+const removeElementBySelector = (ancestor, selector) => {
+  const elements = Array.from(ancestor.querySelectorAll(selector));
+  elements.forEach((element) => {
+    var _a;
+    (_a = element.parentNode) == null ? void 0 : _a.removeChild(element);
+  });
+};
+function getPureLabelText(label) {
+  var _a;
+  const clonedLabel = label.cloneNode(true);
+  removeElementBySelector(clonedLabel, "pkt-helptext");
+  removeElementBySelector(clonedLabel, ".pkt-input-suffix");
+  removeElementBySelector(clonedLabel, ".pkt-input-prefix");
+  removeElementBySelector(clonedLabel, ".pkt-input-icon");
+  removeElementBySelector(clonedLabel, "option");
+  return ((_a = clonedLabel.textContent) == null ? void 0 : _a.trim()) || null;
+}
+const getPureLabelTextForLabelOwner = (labelOwner) => {
+  const label = "labels" in labelOwner && labelOwner.labels instanceof NodeList && labelOwner.labels.length > 0 && labelOwner.labels[0] || labelOwner.querySelector("label");
+  if (label) {
+    return getPureLabelText(label);
+  } else {
+    return null;
+  }
+};
+const labelMatcher = (labelTextToMatch) => (nodeContent, element) => {
+  if (element instanceof HTMLElement) {
+    const labelWithoutHelptext = getPureLabelTextForLabelOwner(element);
+    return labelWithoutHelptext === labelTextToMatch;
+  } else {
+    return false;
+  }
+};
+const doElementSearch = (identifier, query, queryFunc, container = document.body) => {
+  try {
+    return typeof identifier === "string" && query === "label" ? queryFunc(container, labelMatcher(identifier.trim())) : queryFunc(container, identifier);
+  } catch (e) {
+    if (typeof identifier === "string" && query === "label") {
+      const matchingLabel = Array.from(document.body.querySelectorAll("label")).find(
+        (labelElement) => getPureLabelText(labelElement) === identifier
+      );
+      const labelOwner = (matchingLabel == null ? void 0 : matchingLabel.control) || (matchingLabel == null ? void 0 : matchingLabel.closest("pkt-select"));
+      if (labelOwner) {
+        return [labelOwner];
+      } else {
+        throw getElementError(`Fant ikke noe element med ${query} "${identifier}"`, document.body);
+      }
+    }
+    throw getElementError(`Fant ikke noe element med ${query} "${identifier}"`, document.body);
+  }
+};
+const findPktElementBy = (testingLibrary) => async (query = "label", identifier, container) => {
+  const queryFunc = asyncQueryFunctionResolver(testingLibrary)(query);
+  const innerElement = (await doElementSearch(identifier, query, queryFunc, container))[0];
+  return Promise.resolve(findPossibleWrappingPktCustomElement(innerElement, false, []));
+};
+const getPktElementByLabel = (testingLibrary) => (label, container) => getPktElementBy(testingLibrary)("label", label, container);
+const findPktElementByLabel = (testingLibrary) => async (label, container) => findPktElementBy(testingLibrary)("label", label, container);
+const setPktElementChecked = (testingLibrary) => asyncFuncWithStringIdentifierOrElement(testingLibrary)((element, checked) => {
+  if (!("checked" in element)) {
+    throw new Error("Only elements with a checked attribute can be checked");
+  }
+  const returnValue = testingLibrary.fireEvent.change(element, { target: { checked } });
+  return Promise.resolve(returnValue);
+});
+const getPktSelectOptions = (testingLibrary) => syncFuncWithStringIdentifierOrElement(testingLibrary)(
+  (selectElement) => {
+    const optionElements = Array.from(
+      selectElement.querySelectorAll(
+        ":scope > option, :scope > optgroup > option, :scope > data, :scope > optgroup > data"
+      )
+    );
+    const currentValue = selectElement.value;
+    return optionElements.map((optionElement) => [
+      optionElement.value,
+      optionElement.textContent,
+      optionElement.value === currentValue
+    ]);
+  }
+);
+const getAllPktElementsByLabelText = (testingLibrary) => (label, container) => {
+  const innerElements = testingLibrary.getAllByLabelText(container || document.body, label);
+  return innerElements.map((element) => findPossibleWrappingPktCustomElement(element, false, []));
+};
+const setPktElementValue = (testingLibrary) => asyncFuncWithStringIdentifierOrElement(testingLibrary)(
+  async (element, valueOrValues, useInputEvent = false) => {
+    if (Array.isArray(valueOrValues) && !(element.tagName === "PKT-SELECT" && "multiple" in element && element.multiple)) {
+      throw new Error("Only a multi-select PktSelect can have multiple values");
+    }
+    if (element.tagName === "PKT-SELECT") {
+      testingLibrary.fireEvent.change(element, { target: { value: valueOrValues } });
+      return Promise.resolve(true);
+    } else {
+      const returnValue = useInputEvent ? testingLibrary.fireEvent.input(element, { target: { value: valueOrValues } }) : testingLibrary.fireEvent.change(element, { target: { value: valueOrValues } });
+      return Promise.resolve(returnValue);
+    }
+  }
+);
+const pktClickButton = (testingLibrary) => asyncFuncWithStringIdentifierOrElement(testingLibrary)(async (element) => {
+  const returnValue = testingLibrary.fireEvent.click(element);
+  return Promise.resolve(returnValue);
+}, "text");
+export {
+  PKT_CUSTOM_FORMFIELDS,
+  setupPktTestingLibrary
+};
+//# sourceMappingURL=punkt-testing-utils.es.js.map

package/dist/punkt-testing-utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"punkt-testing-utils.es.js","sources":["../src/index.ts"],"sourcesContent":["import DomTestingLibrary, {\n  FindAllByBoundAttribute,\n  findAllByDisplayValue,\n  findAllByLabelText,\n  findAllByTestId,\n  findAllByText,\n  getAllByDisplayValue,\n  getAllByLabelText,\n  getAllByTestId,\n  getAllByText,\n  getElementError,\n} from '@testing-library/dom'\nimport {\n  PktDatepicker,\n  PktInputWrapper,\n  PktProgressbar,\n  PktRadioButton,\n  PktSelect,\n  PktTextarea,\n} from '@oslokommune/punkt-elements'\nimport { AllByBoundAttribute } from '@testing-library/dom/types/queries'\n\nexport const PKT_CUSTOM_FORMFIELDS = [\n  'pkt-datepicker',\n  'pkt-progressbar',\n  'pkt-textarea',\n  'pkt-textinput',\n  'pkt-select',\n]\nconst PKT_CUSTOM_ELEMENTS = ['pkt-input-wrapper', ...PKT_CUSTOM_FORMFIELDS]\n\ntype PTLElementType =\n  | PktDatepicker\n  | PktProgressbar\n  | PktTextarea\n  | PktInputWrapper\n  | PktSelect\n  | PktRadioButton\n  | HTMLInputElement\n  | HTMLSelectElement\n  | HTMLTextAreaElement\n\nexport type PktTestingLibraryOptions = Pick<\n  typeof DomTestingLibrary,\n  | 'fireEvent'\n  | 'findAllByLabelText'\n  | 'findAllByTestId'\n  | 'findAllByDisplayValue'\n  | 'findAllByText'\n  | 'getAllByLabelText'\n  | 'getAllByTestId'\n  | 'getAllByDisplayValue'\n  | 'getAllByText'\n>\n\ntype TestingLibraryTools = {\n  fireEvent: typeof DomTestingLibrary.fireEvent\n  findAllByLabelText: typeof DomTestingLibrary.findAllByLabelText\n  findAllByTestId: typeof DomTestingLibrary.findAllByTestId\n  findAllByDisplayValue: typeof DomTestingLibrary.findAllByDisplayValue\n  findAllByText: typeof DomTestingLibrary.findAllByText\n  getAllByLabelText: typeof DomTestingLibrary.getAllByLabelText\n  getAllByTestId: typeof DomTestingLibrary.getAllByTestId\n  getAllByDisplayValue: typeof DomTestingLibrary.getAllByDisplayValue\n  getAllByText: typeof DomTestingLibrary.getAllByText\n}\n\nexport type LabelOrElement<ElementType = PTLElementType> = string | RegExp | ElementType\n\nexport type PktElementValueType = string | number | Date\n\nexport type PktTestingLibrary = {\n  findPktElementByLabelText: (label: string | RegExp, container?: HTMLElement) => Promise<PTLElementType>\n  getPktElementByLabelText: (label: string | RegExp, container?: HTMLElement) => PTLElementType\n  getPktSelectOptions: (labelOrElement: LabelOrElement<PktSelect>) => Array<PktOption>\n  getAllPktElementsByLabelText: (label: string, container?: HTMLElement) => Element[]\n  setPktElementChecked: (labelOrElement: LabelOrElement, checked: boolean) => Promise<boolean>\n  setPktElementValue: (\n    labelOrElement: LabelOrElement,\n    valueOrValues: PktElementValueType | Array<PktElementValueType>,\n    useInputEvent?: boolean,\n  ) => Promise<boolean>\n  pktClickButton: (labelOrElement: LabelOrElement<PktRadioButton>) => Promise<boolean>\n  waitForPktElementsToBeDefined: () => Promise<any>\n}\n\nexport const setupPktTestingLibrary: (options: PktTestingLibraryOptions) => PktTestingLibrary = (\n  options: PktTestingLibraryOptions,\n) => {\n  const tools: PktTestingLibraryOptions = {\n    fireEvent: options.fireEvent,\n    findAllByLabelText: options.findAllByLabelText,\n    findAllByDisplayValue: options.findAllByDisplayValue,\n    findAllByTestId: options.findAllByTestId,\n    findAllByText: options.findAllByText,\n    getAllByLabelText: options.getAllByLabelText,\n    getAllByDisplayValue: options.getAllByDisplayValue,\n    getAllByTestId: options.getAllByTestId,\n    getAllByText: options.getAllByText,\n  }\n  return {\n    findPktElementByLabelText: withTestingLibrary(tools, findPktElementByLabel),\n    waitForPktElementsToBeDefined,\n    getPktElementByLabelText: withTestingLibrary(tools, getPktElementByLabel),\n    setPktElementChecked: withTestingLibrary(tools, setPktElementChecked),\n    getPktSelectOptions: withTestingLibrary(tools, getPktSelectOptions),\n    getAllPktElementsByLabelText: withTestingLibrary(tools, getAllPktElementsByLabelText),\n    setPktElementValue: withTestingLibrary(tools, setPktElementValue),\n    pktClickButton: withTestingLibrary(tools, pktClickButton),\n  }\n}\n\ntype SyncQueries = typeof getAllByText | typeof getAllByLabelText | typeof getAllByTestId | typeof getAllByDisplayValue\ntype AsyncQueries =\n  | FindAllByBoundAttribute\n  | typeof findAllByText\n  | typeof findAllByLabelText\n  | typeof findAllByTestId\n  | typeof findAllByDisplayValue\n\ntype QueryTypes = 'label' | 'text' | 'displayValue' | 'testid'\n\nconst syncQueryFunctionResolver =\n  (testingLibrary: TestingLibraryTools) =>\n  (queryType: QueryTypes): SyncQueries => {\n    const queries: Record<QueryTypes, SyncQueries> = {\n      text: testingLibrary.getAllByText,\n      label: testingLibrary.getAllByLabelText,\n      testid: testingLibrary.getAllByTestId,\n      displayValue: testingLibrary.getAllByDisplayValue,\n    }\n    const query = queries[queryType]\n    if (query) {\n      return query\n    } else {\n      throw new Error('Unsupported query type: ' + queryType)\n    }\n  }\n\nconst asyncQueryFunctionResolver =\n  (testingLibrary: TestingLibraryTools) =>\n  (queryType: QueryTypes): AsyncQueries => {\n    const queries: Record<QueryTypes, AsyncQueries> = {\n      text: testingLibrary.findAllByText,\n      label: testingLibrary.findAllByLabelText,\n      testid: testingLibrary.findAllByTestId,\n      displayValue: testingLibrary.findAllByDisplayValue,\n    }\n    const query = queries[queryType]\n    if (query) {\n      return query\n    } else {\n      throw new Error('Unsupported query type: ' + queryType)\n    }\n  }\n\nconst syncResolveIdentifierOrElement =\n  (testingLibrary: TestingLibraryTools) =>\n  <ElementType>(elementOrIdentifier: string | RegExp | ElementType, query: QueryTypes) =>\n    typeof elementOrIdentifier === 'string' || elementOrIdentifier instanceof RegExp\n      ? (getPktElementBy(testingLibrary)(query, elementOrIdentifier) as ElementType)\n      : elementOrIdentifier\n\nconst asyncResolveIdentifierOrElement =\n  (testingLibrary: TestingLibraryTools) =>\n  async <ElementType>(elementOrIdentifier: string | RegExp | ElementType, query: QueryTypes) =>\n    typeof elementOrIdentifier === 'string' || elementOrIdentifier instanceof RegExp\n      ? ((await findPktElementBy(testingLibrary)(query, elementOrIdentifier)) as ElementType)\n      : elementOrIdentifier\n\nconst asyncFuncWithStringIdentifierOrElement =\n  (testingLibrary: TestingLibraryTools) =>\n  <ElementType, ResultType>(\n    func: (element: ElementType, ...restArgs: Array<any>) => Promise<ResultType>,\n    query: QueryTypes = 'label',\n  ) => {\n    return async (labelOrPktElement: string | RegExp | ElementType, ...restArgs: Array<any>) => {\n      const element = await asyncResolveIdentifierOrElement(testingLibrary)<ElementType>(labelOrPktElement, query)\n      return await func(element, ...restArgs)\n    }\n  }\n\nconst syncFuncWithStringIdentifierOrElement =\n  (testingLibrary: TestingLibraryTools) =>\n  <ElementType, ResultType>(\n    func: (element: ElementType, ...restArgs: Array<any>) => ResultType,\n    query: QueryTypes = 'label',\n  ) => {\n    return (labelOrPktElement: string | RegExp | ElementType, ...restArgs: Array<any>) => {\n      const element = syncResolveIdentifierOrElement(testingLibrary)<ElementType>(labelOrPktElement, query)\n      return func(element, ...restArgs)\n    }\n  }\n\nconst withTestingLibrary = <F>(testingLibrary: TestingLibraryTools, fn: (testingLibrary: TestingLibraryTools) => F) =>\n  fn(testingLibrary)\n\n/**\n * Sørger for at alle brukte custom elements fra Punkt er definerte og erstattet med implementasjoner.\n * Bør kalles etter `render`, før noen operasjoner og antakelser gjøres.\n *\n * F.eks.:\n * <code>\n * render(<div><PktTextinput id=\"textinput\" name={'textInput'} label=\"My text input\" aria-label=\"My text input\" /></div>);\n * await waitForPktElementsToBeDefined();\n *\n * await setPktElementValue(\"My text input\", \"new value\");\n * </code>\n */\nconst waitForPktElementsToBeDefined = async () =>\n  await Promise.all(\n    PKT_CUSTOM_ELEMENTS.map((elementName) => {\n      if (document.querySelector(elementName) !== null) {\n        return window.customElements.whenDefined(elementName)\n      }\n    }).filter((promise) => promise),\n  )\n\nconst findPossibleWrappingPktCustomElement = <R extends PTLElementType>(\n  innerElement: HTMLElement | null,\n  isByRole: boolean,\n  args: Array<any>,\n): PTLElementType => {\n  if (!innerElement === null) {\n    throw getElementError(`Finner ikke noe element med ${isByRole ? 'role' : 'label'} \"${args[0]}\"`, document.body)\n  }\n  const pktElement = innerElement?.closest(PKT_CUSTOM_FORMFIELDS.join(', ')) as R | null\n  if (pktElement) {\n    return pktElement as R\n  } else {\n    return innerElement as R\n  }\n}\n\nconst getPktElementBy =\n  (testingLibrary: TestingLibraryTools) =>\n  (query: QueryTypes = 'label', identifier: string | RegExp, container?: HTMLElement): PTLElementType => {\n    const queryFunc = syncQueryFunctionResolver(testingLibrary)(query)\n    const innerElement = doElementSearch(identifier, query, queryFunc, container)[0]\n    return findPossibleWrappingPktCustomElement(innerElement, false, [])\n  }\n\nconst removeElementBySelector = (ancestor: HTMLElement, selector: string) => {\n  const elements = Array.from(ancestor.querySelectorAll(selector))\n  elements.forEach((element) => {\n    element.parentNode?.removeChild(element)\n  })\n}\n\nfunction getPureLabelText(label: Node) {\n  const clonedLabel = label.cloneNode(true) as HTMLElement\n  removeElementBySelector(clonedLabel, 'pkt-helptext')\n  removeElementBySelector(clonedLabel, '.pkt-input-suffix')\n  removeElementBySelector(clonedLabel, '.pkt-input-prefix')\n  removeElementBySelector(clonedLabel, '.pkt-input-icon')\n  removeElementBySelector(clonedLabel, 'option')\n  return clonedLabel.textContent?.trim() || null\n}\n\nconst getPureLabelTextForLabelOwner = (labelOwner: HTMLElement): string | null => {\n  const label =\n    ('labels' in labelOwner &&\n      labelOwner.labels instanceof NodeList &&\n      labelOwner.labels.length > 0 &&\n      labelOwner.labels[0]) ||\n    (labelOwner.querySelector('label') as HTMLLabelElement | null)\n  if (label) {\n    return getPureLabelText(label)\n  } else {\n    return null\n  }\n}\n\nconst labelMatcher = (labelTextToMatch: string) => (nodeContent: string, element: Element | null) => {\n  if (element instanceof HTMLElement) {\n    const labelWithoutHelptext = getPureLabelTextForLabelOwner(element as HTMLElement)\n    return labelWithoutHelptext === labelTextToMatch\n  } else {\n    return false\n  }\n}\n\nconst doElementSearch = <T>(\n  identifier: string | RegExp,\n  query: QueryTypes,\n  queryFunc: (...args: Parameters<AllByBoundAttribute>) => T,\n  container: HTMLElement = document.body,\n) => {\n  try {\n    return typeof identifier === 'string' && query === 'label'\n      ? queryFunc(container, labelMatcher(identifier.trim()))\n      : queryFunc(container, identifier)\n  } catch (e) {\n    if (typeof identifier === 'string' && query === 'label') {\n      // Spesial-case for <pkt-select> som ikke har aria-label\n      const matchingLabel: HTMLLabelElement | undefined = Array.from(document.body.querySelectorAll('label')).find(\n        (labelElement) => getPureLabelText(labelElement) === identifier,\n      )\n      const labelOwner = matchingLabel?.control || matchingLabel?.closest('pkt-select')\n      if (labelOwner) {\n        return [labelOwner]\n      } else {\n        throw getElementError(`Fant ikke noe element med ${query} \"${identifier}\"`, document.body)\n      }\n    }\n    throw getElementError(`Fant ikke noe element med ${query} \"${identifier}\"`, document.body)\n  }\n}\n\nconst findPktElementBy =\n  (testingLibrary: TestingLibraryTools) =>\n  async (\n    query: QueryTypes = 'label',\n    identifier: string | RegExp,\n    container?: HTMLElement,\n  ): Promise<PTLElementType> => {\n    const queryFunc = asyncQueryFunctionResolver(testingLibrary)(query)\n    const innerElement = (await doElementSearch(identifier, query, queryFunc, container))[0]\n\n    return Promise.resolve(findPossibleWrappingPktCustomElement(innerElement, false, []))\n  }\n\nconst getPktElementByLabel =\n  (testingLibrary: TestingLibraryTools) => (label: string | RegExp, container?: HTMLElement) =>\n    getPktElementBy(testingLibrary)('label', label, container)\n\nconst findPktElementByLabel =\n  (testingLibrary: TestingLibraryTools) =>\n  async (label: string | RegExp, container?: HTMLElement): Promise<PTLElementType> =>\n    findPktElementBy(testingLibrary)('label', label, container)\n\nconst getPktElementByText = (testingLibrary: TestingLibraryTools) => (text: string | RegExp, container?: HTMLElement) =>\n  getPktElementBy(testingLibrary)('text', text, container)\n\nconst findPktElementByText =\n  (testingLibrary: TestingLibraryTools) => (text: string | RegExp, container?: HTMLElement) =>\n    findPktElementBy(testingLibrary)('text', text, container)\n\nconst setPktElementChecked = (testingLibrary: TestingLibraryTools) =>\n  asyncFuncWithStringIdentifierOrElement(testingLibrary)((element: PTLElementType, checked: boolean) => {\n    if (!('checked' in element)) {\n      throw new Error('Only elements with a checked attribute can be checked')\n    }\n    const returnValue = testingLibrary.fireEvent.change(element, { target: { checked } })\n    return Promise.resolve(returnValue)\n  })\n\n/**\n * Representerer en option i en PktSelect.\n *\n * @property {string} 0 - verdien (value)\n * @property {string | null} 1 - Tekstinnholdet, <option>tekstinnhold</option>\n * @property {boolean} 2 - Om denne er valgt (selected)\n */\nexport type PktOption = [string, string | null, boolean]\n\nconst getPktSelectOptions = (testingLibrary: TestingLibraryTools) =>\n  syncFuncWithStringIdentifierOrElement(testingLibrary)<PktSelect, Array<PktOption>>(\n    (selectElement: PktSelect): Array<PktOption> => {\n      const optionElements: Array<HTMLOptionElement> = Array.from(\n        selectElement.querySelectorAll(\n          ':scope > option, :scope > optgroup > option, :scope > data, :scope > optgroup > data',\n        ),\n      )\n      const currentValue = selectElement.value\n      return optionElements.map((optionElement) => [\n        optionElement.value,\n        optionElement.textContent,\n        optionElement.value === currentValue,\n      ])\n    },\n  )\n\nconst getAllPktElementsByLabelText =\n  (testingLibrary: TestingLibraryTools) =>\n  (label: string, container?: HTMLElement): Element[] => {\n    const innerElements = testingLibrary.getAllByLabelText(container || document.body, label)\n    return innerElements.map((element) => findPossibleWrappingPktCustomElement(element, false, []))\n  }\n\nconst setPktElementValue = (testingLibrary: TestingLibraryTools) =>\n  asyncFuncWithStringIdentifierOrElement(testingLibrary)(\n    async (\n      element: PTLElementType,\n      valueOrValues: PktElementValueType | Array<PktElementValueType>,\n      useInputEvent = false,\n    ): Promise<boolean> => {\n      if (\n        Array.isArray(valueOrValues) &&\n        !(element.tagName === 'PKT-SELECT' && 'multiple' in element && element.multiple)\n      ) {\n        throw new Error('Only a multi-select PktSelect can have multiple values')\n      }\n      if (element.tagName === 'PKT-SELECT') {\n        testingLibrary.fireEvent.change(element, { target: { value: valueOrValues } })\n        return Promise.resolve(true)\n      } else {\n        const returnValue = useInputEvent\n          ? testingLibrary.fireEvent.input(element, { target: { value: valueOrValues } })\n          : testingLibrary.fireEvent.change(element, { target: { value: valueOrValues } })\n        return Promise.resolve(returnValue)\n      }\n    },\n  )\n\nconst pktClickButton = (testingLibrary: TestingLibraryTools) =>\n  asyncFuncWithStringIdentifierOrElement(testingLibrary)(async (element: PktRadioButton) => {\n    const returnValue = testingLibrary.fireEvent.click(element)\n    return Promise.resolve(returnValue)\n  }, 'text')\n"],"names":[],"mappings":";AAsBO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,MAAM,sBAAsB,CAAC,qBAAqB,GAAG,qBAAqB;AAyD7D,MAAA,yBAAmF,CAC9F,YACG;AACH,QAAM,QAAkC;AAAA,IACtC,WAAW,QAAQ;AAAA,IACnB,oBAAoB,QAAQ;AAAA,IAC5B,uBAAuB,QAAQ;AAAA,IAC/B,iBAAiB,QAAQ;AAAA,IACzB,eAAe,QAAQ;AAAA,IACvB,mBAAmB,QAAQ;AAAA,IAC3B,sBAAsB,QAAQ;AAAA,IAC9B,gBAAgB,QAAQ;AAAA,IACxB,cAAc,QAAQ;AAAA,EAAA;AAEjB,SAAA;AAAA,IACL,2BAA2B,mBAAmB,OAAO,qBAAqB;AAAA,IAC1E;AAAA,IACA,0BAA0B,mBAAmB,OAAO,oBAAoB;AAAA,IACxE,sBAAsB,mBAAmB,OAAO,oBAAoB;AAAA,IACpE,qBAAqB,mBAAmB,OAAO,mBAAmB;AAAA,IAClE,8BAA8B,mBAAmB,OAAO,4BAA4B;AAAA,IACpF,oBAAoB,mBAAmB,OAAO,kBAAkB;AAAA,IAChE,gBAAgB,mBAAmB,OAAO,cAAc;AAAA,EAAA;AAE5D;AAYA,MAAM,4BACJ,CAAC,mBACD,CAAC,cAAuC;AACtC,QAAM,UAA2C;AAAA,IAC/C,MAAM,eAAe;AAAA,IACrB,OAAO,eAAe;AAAA,IACtB,QAAQ,eAAe;AAAA,IACvB,cAAc,eAAe;AAAA,EAAA;AAEzB,QAAA,QAAQ,QAAQ,SAAS;AAC/B,MAAI,OAAO;AACF,WAAA;AAAA,EAAA,OACF;AACC,UAAA,IAAI,MAAM,6BAA6B,SAAS;AAAA,EACxD;AACF;AAEF,MAAM,6BACJ,CAAC,mBACD,CAAC,cAAwC;AACvC,QAAM,UAA4C;AAAA,IAChD,MAAM,eAAe;AAAA,IACrB,OAAO,eAAe;AAAA,IACtB,QAAQ,eAAe;AAAA,IACvB,cAAc,eAAe;AAAA,EAAA;AAEzB,QAAA,QAAQ,QAAQ,SAAS;AAC/B,MAAI,OAAO;AACF,WAAA;AAAA,EAAA,OACF;AACC,UAAA,IAAI,MAAM,6BAA6B,SAAS;AAAA,EACxD;AACF;AAEF,MAAM,iCACJ,CAAC,mBACD,CAAc,qBAAoD,UAChE,OAAO,wBAAwB,YAAY,+BAA+B,SACrE,gBAAgB,cAAc,EAAE,OAAO,mBAAmB,IAC3D;AAER,MAAM,kCACJ,CAAC,mBACD,OAAoB,qBAAoD,UACtE,OAAO,wBAAwB,YAAY,+BAA+B,SACpE,MAAM,iBAAiB,cAAc,EAAE,OAAO,mBAAmB,IACnE;AAER,MAAM,yCACJ,CAAC,mBACD,CACE,MACA,QAAoB,YACjB;AACI,SAAA,OAAO,sBAAqD,aAAyB;AAC1F,UAAM,UAAU,MAAM,gCAAgC,cAAc,EAAe,mBAAmB,KAAK;AAC3G,WAAO,MAAM,KAAK,SAAS,GAAG,QAAQ;AAAA,EAAA;AAE1C;AAEF,MAAM,wCACJ,CAAC,mBACD,CACE,MACA,QAAoB,YACjB;AACI,SAAA,CAAC,sBAAqD,aAAyB;AACpF,UAAM,UAAU,+BAA+B,cAAc,EAAe,mBAAmB,KAAK;AAC7F,WAAA,KAAK,SAAS,GAAG,QAAQ;AAAA,EAAA;AAEpC;AAEF,MAAM,qBAAqB,CAAI,gBAAqC,OAClE,GAAG,cAAc;AAcnB,MAAM,gCAAgC,YACpC,MAAM,QAAQ;AAAA,EACZ,oBAAoB,IAAI,CAAC,gBAAgB;AACvC,QAAI,SAAS,cAAc,WAAW,MAAM,MAAM;AACzC,aAAA,OAAO,eAAe,YAAY,WAAW;AAAA,IACtD;AAAA,EACD,CAAA,EAAE,OAAO,CAAC,YAAY,OAAO;AAChC;AAEF,MAAM,uCAAuC,CAC3C,cACA,UACA,SACmB;AACf,MAAA,CAAC,iBAAiB,MAAM;AACpB,UAAA,gBAAgB,+BAA+B,WAAW,SAAS,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,IAAI;AAAA,EAChH;AACA,QAAM,aAAa,6CAAc,QAAQ,sBAAsB,KAAK,IAAI;AACxE,MAAI,YAAY;AACP,WAAA;AAAA,EAAA,OACF;AACE,WAAA;AAAA,EACT;AACF;AAEA,MAAM,kBACJ,CAAC,mBACD,CAAC,QAAoB,SAAS,YAA6B,cAA4C;AACrG,QAAM,YAAY,0BAA0B,cAAc,EAAE,KAAK;AACjE,QAAM,eAAe,gBAAgB,YAAY,OAAO,WAAW,SAAS,EAAE,CAAC;AAC/E,SAAO,qCAAqC,cAAc,OAAO,CAAE,CAAA;AACrE;AAEF,MAAM,0BAA0B,CAAC,UAAuB,aAAqB;AAC3E,QAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,QAAQ,CAAC;AACtD,WAAA,QAAQ,CAAC,YAAY;;AACpB,kBAAA,eAAA,mBAAY,YAAY;AAAA,EAAO,CACxC;AACH;AAEA,SAAS,iBAAiB,OAAa;;AAC/B,QAAA,cAAc,MAAM,UAAU,IAAI;AACxC,0BAAwB,aAAa,cAAc;AACnD,0BAAwB,aAAa,mBAAmB;AACxD,0BAAwB,aAAa,mBAAmB;AACxD,0BAAwB,aAAa,iBAAiB;AACtD,0BAAwB,aAAa,QAAQ;AACtC,WAAA,iBAAY,gBAAZ,mBAAyB,WAAU;AAC5C;AAEA,MAAM,gCAAgC,CAAC,eAA2C;AAChF,QAAM,QACH,YAAY,cACX,WAAW,kBAAkB,YAC7B,WAAW,OAAO,SAAS,KAC3B,WAAW,OAAO,CAAC,KACpB,WAAW,cAAc,OAAO;AACnC,MAAI,OAAO;AACT,WAAO,iBAAiB,KAAK;AAAA,EAAA,OACxB;AACE,WAAA;AAAA,EACT;AACF;AAEA,MAAM,eAAe,CAAC,qBAA6B,CAAC,aAAqB,YAA4B;AACnG,MAAI,mBAAmB,aAAa;AAC5B,UAAA,uBAAuB,8BAA8B,OAAsB;AACjF,WAAO,yBAAyB;AAAA,EAAA,OAC3B;AACE,WAAA;AAAA,EACT;AACF;AAEA,MAAM,kBAAkB,CACtB,YACA,OACA,WACA,YAAyB,SAAS,SAC/B;AACC,MAAA;AACF,WAAO,OAAO,eAAe,YAAY,UAAU,UAC/C,UAAU,WAAW,aAAa,WAAW,MAAM,CAAC,IACpD,UAAU,WAAW,UAAU;AAAA,WAC5B,GAAG;AACV,QAAI,OAAO,eAAe,YAAY,UAAU,SAAS;AAEjD,YAAA,gBAA8C,MAAM,KAAK,SAAS,KAAK,iBAAiB,OAAO,CAAC,EAAE;AAAA,QACtG,CAAC,iBAAiB,iBAAiB,YAAY,MAAM;AAAA,MAAA;AAEvD,YAAM,cAAa,+CAAe,aAAW,+CAAe,QAAQ;AACpE,UAAI,YAAY;AACd,eAAO,CAAC,UAAU;AAAA,MAAA,OACb;AACL,cAAM,gBAAgB,6BAA6B,KAAK,KAAK,UAAU,KAAK,SAAS,IAAI;AAAA,MAC3F;AAAA,IACF;AACA,UAAM,gBAAgB,6BAA6B,KAAK,KAAK,UAAU,KAAK,SAAS,IAAI;AAAA,EAC3F;AACF;AAEA,MAAM,mBACJ,CAAC,mBACD,OACE,QAAoB,SACpB,YACA,cAC4B;AAC5B,QAAM,YAAY,2BAA2B,cAAc,EAAE,KAAK;AAC5D,QAAA,gBAAgB,MAAM,gBAAgB,YAAY,OAAO,WAAW,SAAS,GAAG,CAAC;AAEvF,SAAO,QAAQ,QAAQ,qCAAqC,cAAc,OAAO,CAAE,CAAA,CAAC;AACtF;AAEF,MAAM,uBACJ,CAAC,mBAAwC,CAAC,OAAwB,cAChE,gBAAgB,cAAc,EAAE,SAAS,OAAO,SAAS;AAE7D,MAAM,wBACJ,CAAC,mBACD,OAAO,OAAwB,cAC7B,iBAAiB,cAAc,EAAE,SAAS,OAAO,SAAS;AAS9D,MAAM,uBAAuB,CAAC,mBAC5B,uCAAuC,cAAc,EAAE,CAAC,SAAyB,YAAqB;AAChG,MAAA,EAAE,aAAa,UAAU;AACrB,UAAA,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACM,QAAA,cAAc,eAAe,UAAU,OAAO,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAG;AAC7E,SAAA,QAAQ,QAAQ,WAAW;AACpC,CAAC;AAWH,MAAM,sBAAsB,CAAC,mBAC3B,sCAAsC,cAAc;AAAA,EAClD,CAAC,kBAA+C;AAC9C,UAAM,iBAA2C,MAAM;AAAA,MACrD,cAAc;AAAA,QACZ;AAAA,MACF;AAAA,IAAA;AAEF,UAAM,eAAe,cAAc;AAC5B,WAAA,eAAe,IAAI,CAAC,kBAAkB;AAAA,MAC3C,cAAc;AAAA,MACd,cAAc;AAAA,MACd,cAAc,UAAU;AAAA,IAAA,CACzB;AAAA,EACH;AACF;AAEF,MAAM,+BACJ,CAAC,mBACD,CAAC,OAAe,cAAuC;AACrD,QAAM,gBAAgB,eAAe,kBAAkB,aAAa,SAAS,MAAM,KAAK;AACjF,SAAA,cAAc,IAAI,CAAC,YAAY,qCAAqC,SAAS,OAAO,CAAE,CAAA,CAAC;AAChG;AAEF,MAAM,qBAAqB,CAAC,mBAC1B,uCAAuC,cAAc;AAAA,EACnD,OACE,SACA,eACA,gBAAgB,UACK;AAEnB,QAAA,MAAM,QAAQ,aAAa,KAC3B,EAAE,QAAQ,YAAY,gBAAgB,cAAc,WAAW,QAAQ,WACvE;AACM,YAAA,IAAI,MAAM,wDAAwD;AAAA,IAC1E;AACI,QAAA,QAAQ,YAAY,cAAc;AACrB,qBAAA,UAAU,OAAO,SAAS,EAAE,QAAQ,EAAE,OAAO,cAAc,EAAA,CAAG;AACtE,aAAA,QAAQ,QAAQ,IAAI;AAAA,IAAA,OACtB;AACC,YAAA,cAAc,gBAChB,eAAe,UAAU,MAAM,SAAS,EAAE,QAAQ,EAAE,OAAO,cAAc,EAAG,CAAA,IAC5E,eAAe,UAAU,OAAO,SAAS,EAAE,QAAQ,EAAE,OAAO,cAAc,EAAA,CAAG;AAC1E,aAAA,QAAQ,QAAQ,WAAW;AAAA,IACpC;AAAA,EACF;AACF;AAEF,MAAM,iBAAiB,CAAC,mBACtB,uCAAuC,cAAc,EAAE,OAAO,YAA4B;AACxF,QAAM,cAAc,eAAe,UAAU,MAAM,OAAO;AACnD,SAAA,QAAQ,QAAQ,WAAW;AACpC,GAAG,MAAM;"}

package/dist/punkt-testing-utils.umd.js

@@ -0,0 +1,208 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@testing-library/dom")) : typeof define === "function" && define.amd ? define(["exports", "@testing-library/dom"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.punktTestingUtils = {}, global["dom-testing-library"]));
+})(this, function(exports2, dom) {
+  "use strict";
+  const PKT_CUSTOM_FORMFIELDS = [
+    "pkt-datepicker",
+    "pkt-progressbar",
+    "pkt-textarea",
+    "pkt-textinput",
+    "pkt-select"
+  ];
+  const PKT_CUSTOM_ELEMENTS = ["pkt-input-wrapper", ...PKT_CUSTOM_FORMFIELDS];
+  const setupPktTestingLibrary = (options) => {
+    const tools = {
+      fireEvent: options.fireEvent,
+      findAllByLabelText: options.findAllByLabelText,
+      findAllByDisplayValue: options.findAllByDisplayValue,
+      findAllByTestId: options.findAllByTestId,
+      findAllByText: options.findAllByText,
+      getAllByLabelText: options.getAllByLabelText,
+      getAllByDisplayValue: options.getAllByDisplayValue,
+      getAllByTestId: options.getAllByTestId,
+      getAllByText: options.getAllByText
+    };
+    return {
+      findPktElementByLabelText: withTestingLibrary(tools, findPktElementByLabel),
+      waitForPktElementsToBeDefined,
+      getPktElementByLabelText: withTestingLibrary(tools, getPktElementByLabel),
+      setPktElementChecked: withTestingLibrary(tools, setPktElementChecked),
+      getPktSelectOptions: withTestingLibrary(tools, getPktSelectOptions),
+      getAllPktElementsByLabelText: withTestingLibrary(tools, getAllPktElementsByLabelText),
+      setPktElementValue: withTestingLibrary(tools, setPktElementValue),
+      pktClickButton: withTestingLibrary(tools, pktClickButton)
+    };
+  };
+  const syncQueryFunctionResolver = (testingLibrary) => (queryType) => {
+    const queries = {
+      text: testingLibrary.getAllByText,
+      label: testingLibrary.getAllByLabelText,
+      testid: testingLibrary.getAllByTestId,
+      displayValue: testingLibrary.getAllByDisplayValue
+    };
+    const query = queries[queryType];
+    if (query) {
+      return query;
+    } else {
+      throw new Error("Unsupported query type: " + queryType);
+    }
+  };
+  const asyncQueryFunctionResolver = (testingLibrary) => (queryType) => {
+    const queries = {
+      text: testingLibrary.findAllByText,
+      label: testingLibrary.findAllByLabelText,
+      testid: testingLibrary.findAllByTestId,
+      displayValue: testingLibrary.findAllByDisplayValue
+    };
+    const query = queries[queryType];
+    if (query) {
+      return query;
+    } else {
+      throw new Error("Unsupported query type: " + queryType);
+    }
+  };
+  const syncResolveIdentifierOrElement = (testingLibrary) => (elementOrIdentifier, query) => typeof elementOrIdentifier === "string" || elementOrIdentifier instanceof RegExp ? getPktElementBy(testingLibrary)(query, elementOrIdentifier) : elementOrIdentifier;
+  const asyncResolveIdentifierOrElement = (testingLibrary) => async (elementOrIdentifier, query) => typeof elementOrIdentifier === "string" || elementOrIdentifier instanceof RegExp ? await findPktElementBy(testingLibrary)(query, elementOrIdentifier) : elementOrIdentifier;
+  const asyncFuncWithStringIdentifierOrElement = (testingLibrary) => (func, query = "label") => {
+    return async (labelOrPktElement, ...restArgs) => {
+      const element = await asyncResolveIdentifierOrElement(testingLibrary)(labelOrPktElement, query);
+      return await func(element, ...restArgs);
+    };
+  };
+  const syncFuncWithStringIdentifierOrElement = (testingLibrary) => (func, query = "label") => {
+    return (labelOrPktElement, ...restArgs) => {
+      const element = syncResolveIdentifierOrElement(testingLibrary)(labelOrPktElement, query);
+      return func(element, ...restArgs);
+    };
+  };
+  const withTestingLibrary = (testingLibrary, fn) => fn(testingLibrary);
+  const waitForPktElementsToBeDefined = async () => await Promise.all(
+    PKT_CUSTOM_ELEMENTS.map((elementName) => {
+      if (document.querySelector(elementName) !== null) {
+        return window.customElements.whenDefined(elementName);
+      }
+    }).filter((promise) => promise)
+  );
+  const findPossibleWrappingPktCustomElement = (innerElement, isByRole, args) => {
+    if (!innerElement === null) {
+      throw dom.getElementError(`Finner ikke noe element med ${isByRole ? "role" : "label"} "${args[0]}"`, document.body);
+    }
+    const pktElement = innerElement == null ? void 0 : innerElement.closest(PKT_CUSTOM_FORMFIELDS.join(", "));
+    if (pktElement) {
+      return pktElement;
+    } else {
+      return innerElement;
+    }
+  };
+  const getPktElementBy = (testingLibrary) => (query = "label", identifier, container) => {
+    const queryFunc = syncQueryFunctionResolver(testingLibrary)(query);
+    const innerElement = doElementSearch(identifier, query, queryFunc, container)[0];
+    return findPossibleWrappingPktCustomElement(innerElement, false, []);
+  };
+  const removeElementBySelector = (ancestor, selector) => {
+    const elements = Array.from(ancestor.querySelectorAll(selector));
+    elements.forEach((element) => {
+      var _a;
+      (_a = element.parentNode) == null ? void 0 : _a.removeChild(element);
+    });
+  };
+  function getPureLabelText(label) {
+    var _a;
+    const clonedLabel = label.cloneNode(true);
+    removeElementBySelector(clonedLabel, "pkt-helptext");
+    removeElementBySelector(clonedLabel, ".pkt-input-suffix");
+    removeElementBySelector(clonedLabel, ".pkt-input-prefix");
+    removeElementBySelector(clonedLabel, ".pkt-input-icon");
+    removeElementBySelector(clonedLabel, "option");
+    return ((_a = clonedLabel.textContent) == null ? void 0 : _a.trim()) || null;
+  }
+  const getPureLabelTextForLabelOwner = (labelOwner) => {
+    const label = "labels" in labelOwner && labelOwner.labels instanceof NodeList && labelOwner.labels.length > 0 && labelOwner.labels[0] || labelOwner.querySelector("label");
+    if (label) {
+      return getPureLabelText(label);
+    } else {
+      return null;
+    }
+  };
+  const labelMatcher = (labelTextToMatch) => (nodeContent, element) => {
+    if (element instanceof HTMLElement) {
+      const labelWithoutHelptext = getPureLabelTextForLabelOwner(element);
+      return labelWithoutHelptext === labelTextToMatch;
+    } else {
+      return false;
+    }
+  };
+  const doElementSearch = (identifier, query, queryFunc, container = document.body) => {
+    try {
+      return typeof identifier === "string" && query === "label" ? queryFunc(container, labelMatcher(identifier.trim())) : queryFunc(container, identifier);
+    } catch (e) {
+      if (typeof identifier === "string" && query === "label") {
+        const matchingLabel = Array.from(document.body.querySelectorAll("label")).find(
+          (labelElement) => getPureLabelText(labelElement) === identifier
+        );
+        const labelOwner = (matchingLabel == null ? void 0 : matchingLabel.control) || (matchingLabel == null ? void 0 : matchingLabel.closest("pkt-select"));
+        if (labelOwner) {
+          return [labelOwner];
+        } else {
+          throw dom.getElementError(`Fant ikke noe element med ${query} "${identifier}"`, document.body);
+        }
+      }
+      throw dom.getElementError(`Fant ikke noe element med ${query} "${identifier}"`, document.body);
+    }
+  };
+  const findPktElementBy = (testingLibrary) => async (query = "label", identifier, container) => {
+    const queryFunc = asyncQueryFunctionResolver(testingLibrary)(query);
+    const innerElement = (await doElementSearch(identifier, query, queryFunc, container))[0];
+    return Promise.resolve(findPossibleWrappingPktCustomElement(innerElement, false, []));
+  };
+  const getPktElementByLabel = (testingLibrary) => (label, container) => getPktElementBy(testingLibrary)("label", label, container);
+  const findPktElementByLabel = (testingLibrary) => async (label, container) => findPktElementBy(testingLibrary)("label", label, container);
+  const setPktElementChecked = (testingLibrary) => asyncFuncWithStringIdentifierOrElement(testingLibrary)((element, checked) => {
+    if (!("checked" in element)) {
+      throw new Error("Only elements with a checked attribute can be checked");
+    }
+    const returnValue = testingLibrary.fireEvent.change(element, { target: { checked } });
+    return Promise.resolve(returnValue);
+  });
+  const getPktSelectOptions = (testingLibrary) => syncFuncWithStringIdentifierOrElement(testingLibrary)(
+    (selectElement) => {
+      const optionElements = Array.from(
+        selectElement.querySelectorAll(
+          ":scope > option, :scope > optgroup > option, :scope > data, :scope > optgroup > data"
+        )
+      );
+      const currentValue = selectElement.value;
+      return optionElements.map((optionElement) => [
+        optionElement.value,
+        optionElement.textContent,
+        optionElement.value === currentValue
+      ]);
+    }
+  );
+  const getAllPktElementsByLabelText = (testingLibrary) => (label, container) => {
+    const innerElements = testingLibrary.getAllByLabelText(container || document.body, label);
+    return innerElements.map((element) => findPossibleWrappingPktCustomElement(element, false, []));
+  };
+  const setPktElementValue = (testingLibrary) => asyncFuncWithStringIdentifierOrElement(testingLibrary)(
+    async (element, valueOrValues, useInputEvent = false) => {
+      if (Array.isArray(valueOrValues) && !(element.tagName === "PKT-SELECT" && "multiple" in element && element.multiple)) {
+        throw new Error("Only a multi-select PktSelect can have multiple values");
+      }
+      if (element.tagName === "PKT-SELECT") {
+        testingLibrary.fireEvent.change(element, { target: { value: valueOrValues } });
+        return Promise.resolve(true);
+      } else {
+        const returnValue = useInputEvent ? testingLibrary.fireEvent.input(element, { target: { value: valueOrValues } }) : testingLibrary.fireEvent.change(element, { target: { value: valueOrValues } });
+        return Promise.resolve(returnValue);
+      }
+    }
+  );
+  const pktClickButton = (testingLibrary) => asyncFuncWithStringIdentifierOrElement(testingLibrary)(async (element) => {
+    const returnValue = testingLibrary.fireEvent.click(element);
+    return Promise.resolve(returnValue);
+  }, "text");
+  exports2.PKT_CUSTOM_FORMFIELDS = PKT_CUSTOM_FORMFIELDS;
+  exports2.setupPktTestingLibrary = setupPktTestingLibrary;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});
+//# sourceMappingURL=punkt-testing-utils.umd.js.map

package/dist/punkt-testing-utils.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"punkt-testing-utils.umd.js","sources":["../src/index.ts"],"sourcesContent":["import DomTestingLibrary, {\n  FindAllByBoundAttribute,\n  findAllByDisplayValue,\n  findAllByLabelText,\n  findAllByTestId,\n  findAllByText,\n  getAllByDisplayValue,\n  getAllByLabelText,\n  getAllByTestId,\n  getAllByText,\n  getElementError,\n} from '@testing-library/dom'\nimport {\n  PktDatepicker,\n  PktInputWrapper,\n  PktProgressbar,\n  PktRadioButton,\n  PktSelect,\n  PktTextarea,\n} from '@oslokommune/punkt-elements'\nimport { AllByBoundAttribute } from '@testing-library/dom/types/queries'\n\nexport const PKT_CUSTOM_FORMFIELDS = [\n  'pkt-datepicker',\n  'pkt-progressbar',\n  'pkt-textarea',\n  'pkt-textinput',\n  'pkt-select',\n]\nconst PKT_CUSTOM_ELEMENTS = ['pkt-input-wrapper', ...PKT_CUSTOM_FORMFIELDS]\n\ntype PTLElementType =\n  | PktDatepicker\n  | PktProgressbar\n  | PktTextarea\n  | PktInputWrapper\n  | PktSelect\n  | PktRadioButton\n  | HTMLInputElement\n  | HTMLSelectElement\n  | HTMLTextAreaElement\n\nexport type PktTestingLibraryOptions = Pick<\n  typeof DomTestingLibrary,\n  | 'fireEvent'\n  | 'findAllByLabelText'\n  | 'findAllByTestId'\n  | 'findAllByDisplayValue'\n  | 'findAllByText'\n  | 'getAllByLabelText'\n  | 'getAllByTestId'\n  | 'getAllByDisplayValue'\n  | 'getAllByText'\n>\n\ntype TestingLibraryTools = {\n  fireEvent: typeof DomTestingLibrary.fireEvent\n  findAllByLabelText: typeof DomTestingLibrary.findAllByLabelText\n  findAllByTestId: typeof DomTestingLibrary.findAllByTestId\n  findAllByDisplayValue: typeof DomTestingLibrary.findAllByDisplayValue\n  findAllByText: typeof DomTestingLibrary.findAllByText\n  getAllByLabelText: typeof DomTestingLibrary.getAllByLabelText\n  getAllByTestId: typeof DomTestingLibrary.getAllByTestId\n  getAllByDisplayValue: typeof DomTestingLibrary.getAllByDisplayValue\n  getAllByText: typeof DomTestingLibrary.getAllByText\n}\n\nexport type LabelOrElement<ElementType = PTLElementType> = string | RegExp | ElementType\n\nexport type PktElementValueType = string | number | Date\n\nexport type PktTestingLibrary = {\n  findPktElementByLabelText: (label: string | RegExp, container?: HTMLElement) => Promise<PTLElementType>\n  getPktElementByLabelText: (label: string | RegExp, container?: HTMLElement) => PTLElementType\n  getPktSelectOptions: (labelOrElement: LabelOrElement<PktSelect>) => Array<PktOption>\n  getAllPktElementsByLabelText: (label: string, container?: HTMLElement) => Element[]\n  setPktElementChecked: (labelOrElement: LabelOrElement, checked: boolean) => Promise<boolean>\n  setPktElementValue: (\n    labelOrElement: LabelOrElement,\n    valueOrValues: PktElementValueType | Array<PktElementValueType>,\n    useInputEvent?: boolean,\n  ) => Promise<boolean>\n  pktClickButton: (labelOrElement: LabelOrElement<PktRadioButton>) => Promise<boolean>\n  waitForPktElementsToBeDefined: () => Promise<any>\n}\n\nexport const setupPktTestingLibrary: (options: PktTestingLibraryOptions) => PktTestingLibrary = (\n  options: PktTestingLibraryOptions,\n) => {\n  const tools: PktTestingLibraryOptions = {\n    fireEvent: options.fireEvent,\n    findAllByLabelText: options.findAllByLabelText,\n    findAllByDisplayValue: options.findAllByDisplayValue,\n    findAllByTestId: options.findAllByTestId,\n    findAllByText: options.findAllByText,\n    getAllByLabelText: options.getAllByLabelText,\n    getAllByDisplayValue: options.getAllByDisplayValue,\n    getAllByTestId: options.getAllByTestId,\n    getAllByText: options.getAllByText,\n  }\n  return {\n    findPktElementByLabelText: withTestingLibrary(tools, findPktElementByLabel),\n    waitForPktElementsToBeDefined,\n    getPktElementByLabelText: withTestingLibrary(tools, getPktElementByLabel),\n    setPktElementChecked: withTestingLibrary(tools, setPktElementChecked),\n    getPktSelectOptions: withTestingLibrary(tools, getPktSelectOptions),\n    getAllPktElementsByLabelText: withTestingLibrary(tools, getAllPktElementsByLabelText),\n    setPktElementValue: withTestingLibrary(tools, setPktElementValue),\n    pktClickButton: withTestingLibrary(tools, pktClickButton),\n  }\n}\n\ntype SyncQueries = typeof getAllByText | typeof getAllByLabelText | typeof getAllByTestId | typeof getAllByDisplayValue\ntype AsyncQueries =\n  | FindAllByBoundAttribute\n  | typeof findAllByText\n  | typeof findAllByLabelText\n  | typeof findAllByTestId\n  | typeof findAllByDisplayValue\n\ntype QueryTypes = 'label' | 'text' | 'displayValue' | 'testid'\n\nconst syncQueryFunctionResolver =\n  (testingLibrary: TestingLibraryTools) =>\n  (queryType: QueryTypes): SyncQueries => {\n    const queries: Record<QueryTypes, SyncQueries> = {\n      text: testingLibrary.getAllByText,\n      label: testingLibrary.getAllByLabelText,\n      testid: testingLibrary.getAllByTestId,\n      displayValue: testingLibrary.getAllByDisplayValue,\n    }\n    const query = queries[queryType]\n    if (query) {\n      return query\n    } else {\n      throw new Error('Unsupported query type: ' + queryType)\n    }\n  }\n\nconst asyncQueryFunctionResolver =\n  (testingLibrary: TestingLibraryTools) =>\n  (queryType: QueryTypes): AsyncQueries => {\n    const queries: Record<QueryTypes, AsyncQueries> = {\n      text: testingLibrary.findAllByText,\n      label: testingLibrary.findAllByLabelText,\n      testid: testingLibrary.findAllByTestId,\n      displayValue: testingLibrary.findAllByDisplayValue,\n    }\n    const query = queries[queryType]\n    if (query) {\n      return query\n    } else {\n      throw new Error('Unsupported query type: ' + queryType)\n    }\n  }\n\nconst syncResolveIdentifierOrElement =\n  (testingLibrary: TestingLibraryTools) =>\n  <ElementType>(elementOrIdentifier: string | RegExp | ElementType, query: QueryTypes) =>\n    typeof elementOrIdentifier === 'string' || elementOrIdentifier instanceof RegExp\n      ? (getPktElementBy(testingLibrary)(query, elementOrIdentifier) as ElementType)\n      : elementOrIdentifier\n\nconst asyncResolveIdentifierOrElement =\n  (testingLibrary: TestingLibraryTools) =>\n  async <ElementType>(elementOrIdentifier: string | RegExp | ElementType, query: QueryTypes) =>\n    typeof elementOrIdentifier === 'string' || elementOrIdentifier instanceof RegExp\n      ? ((await findPktElementBy(testingLibrary)(query, elementOrIdentifier)) as ElementType)\n      : elementOrIdentifier\n\nconst asyncFuncWithStringIdentifierOrElement =\n  (testingLibrary: TestingLibraryTools) =>\n  <ElementType, ResultType>(\n    func: (element: ElementType, ...restArgs: Array<any>) => Promise<ResultType>,\n    query: QueryTypes = 'label',\n  ) => {\n    return async (labelOrPktElement: string | RegExp | ElementType, ...restArgs: Array<any>) => {\n      const element = await asyncResolveIdentifierOrElement(testingLibrary)<ElementType>(labelOrPktElement, query)\n      return await func(element, ...restArgs)\n    }\n  }\n\nconst syncFuncWithStringIdentifierOrElement =\n  (testingLibrary: TestingLibraryTools) =>\n  <ElementType, ResultType>(\n    func: (element: ElementType, ...restArgs: Array<any>) => ResultType,\n    query: QueryTypes = 'label',\n  ) => {\n    return (labelOrPktElement: string | RegExp | ElementType, ...restArgs: Array<any>) => {\n      const element = syncResolveIdentifierOrElement(testingLibrary)<ElementType>(labelOrPktElement, query)\n      return func(element, ...restArgs)\n    }\n  }\n\nconst withTestingLibrary = <F>(testingLibrary: TestingLibraryTools, fn: (testingLibrary: TestingLibraryTools) => F) =>\n  fn(testingLibrary)\n\n/**\n * Sørger for at alle brukte custom elements fra Punkt er definerte og erstattet med implementasjoner.\n * Bør kalles etter `render`, før noen operasjoner og antakelser gjøres.\n *\n * F.eks.:\n * <code>\n * render(<div><PktTextinput id=\"textinput\" name={'textInput'} label=\"My text input\" aria-label=\"My text input\" /></div>);\n * await waitForPktElementsToBeDefined();\n *\n * await setPktElementValue(\"My text input\", \"new value\");\n * </code>\n */\nconst waitForPktElementsToBeDefined = async () =>\n  await Promise.all(\n    PKT_CUSTOM_ELEMENTS.map((elementName) => {\n      if (document.querySelector(elementName) !== null) {\n        return window.customElements.whenDefined(elementName)\n      }\n    }).filter((promise) => promise),\n  )\n\nconst findPossibleWrappingPktCustomElement = <R extends PTLElementType>(\n  innerElement: HTMLElement | null,\n  isByRole: boolean,\n  args: Array<any>,\n): PTLElementType => {\n  if (!innerElement === null) {\n    throw getElementError(`Finner ikke noe element med ${isByRole ? 'role' : 'label'} \"${args[0]}\"`, document.body)\n  }\n  const pktElement = innerElement?.closest(PKT_CUSTOM_FORMFIELDS.join(', ')) as R | null\n  if (pktElement) {\n    return pktElement as R\n  } else {\n    return innerElement as R\n  }\n}\n\nconst getPktElementBy =\n  (testingLibrary: TestingLibraryTools) =>\n  (query: QueryTypes = 'label', identifier: string | RegExp, container?: HTMLElement): PTLElementType => {\n    const queryFunc = syncQueryFunctionResolver(testingLibrary)(query)\n    const innerElement = doElementSearch(identifier, query, queryFunc, container)[0]\n    return findPossibleWrappingPktCustomElement(innerElement, false, [])\n  }\n\nconst removeElementBySelector = (ancestor: HTMLElement, selector: string) => {\n  const elements = Array.from(ancestor.querySelectorAll(selector))\n  elements.forEach((element) => {\n    element.parentNode?.removeChild(element)\n  })\n}\n\nfunction getPureLabelText(label: Node) {\n  const clonedLabel = label.cloneNode(true) as HTMLElement\n  removeElementBySelector(clonedLabel, 'pkt-helptext')\n  removeElementBySelector(clonedLabel, '.pkt-input-suffix')\n  removeElementBySelector(clonedLabel, '.pkt-input-prefix')\n  removeElementBySelector(clonedLabel, '.pkt-input-icon')\n  removeElementBySelector(clonedLabel, 'option')\n  return clonedLabel.textContent?.trim() || null\n}\n\nconst getPureLabelTextForLabelOwner = (labelOwner: HTMLElement): string | null => {\n  const label =\n    ('labels' in labelOwner &&\n      labelOwner.labels instanceof NodeList &&\n      labelOwner.labels.length > 0 &&\n      labelOwner.labels[0]) ||\n    (labelOwner.querySelector('label') as HTMLLabelElement | null)\n  if (label) {\n    return getPureLabelText(label)\n  } else {\n    return null\n  }\n}\n\nconst labelMatcher = (labelTextToMatch: string) => (nodeContent: string, element: Element | null) => {\n  if (element instanceof HTMLElement) {\n    const labelWithoutHelptext = getPureLabelTextForLabelOwner(element as HTMLElement)\n    return labelWithoutHelptext === labelTextToMatch\n  } else {\n    return false\n  }\n}\n\nconst doElementSearch = <T>(\n  identifier: string | RegExp,\n  query: QueryTypes,\n  queryFunc: (...args: Parameters<AllByBoundAttribute>) => T,\n  container: HTMLElement = document.body,\n) => {\n  try {\n    return typeof identifier === 'string' && query === 'label'\n      ? queryFunc(container, labelMatcher(identifier.trim()))\n      : queryFunc(container, identifier)\n  } catch (e) {\n    if (typeof identifier === 'string' && query === 'label') {\n      // Spesial-case for <pkt-select> som ikke har aria-label\n      const matchingLabel: HTMLLabelElement | undefined = Array.from(document.body.querySelectorAll('label')).find(\n        (labelElement) => getPureLabelText(labelElement) === identifier,\n      )\n      const labelOwner = matchingLabel?.control || matchingLabel?.closest('pkt-select')\n      if (labelOwner) {\n        return [labelOwner]\n      } else {\n        throw getElementError(`Fant ikke noe element med ${query} \"${identifier}\"`, document.body)\n      }\n    }\n    throw getElementError(`Fant ikke noe element med ${query} \"${identifier}\"`, document.body)\n  }\n}\n\nconst findPktElementBy =\n  (testingLibrary: TestingLibraryTools) =>\n  async (\n    query: QueryTypes = 'label',\n    identifier: string | RegExp,\n    container?: HTMLElement,\n  ): Promise<PTLElementType> => {\n    const queryFunc = asyncQueryFunctionResolver(testingLibrary)(query)\n    const innerElement = (await doElementSearch(identifier, query, queryFunc, container))[0]\n\n    return Promise.resolve(findPossibleWrappingPktCustomElement(innerElement, false, []))\n  }\n\nconst getPktElementByLabel =\n  (testingLibrary: TestingLibraryTools) => (label: string | RegExp, container?: HTMLElement) =>\n    getPktElementBy(testingLibrary)('label', label, container)\n\nconst findPktElementByLabel =\n  (testingLibrary: TestingLibraryTools) =>\n  async (label: string | RegExp, container?: HTMLElement): Promise<PTLElementType> =>\n    findPktElementBy(testingLibrary)('label', label, container)\n\nconst getPktElementByText = (testingLibrary: TestingLibraryTools) => (text: string | RegExp, container?: HTMLElement) =>\n  getPktElementBy(testingLibrary)('text', text, container)\n\nconst findPktElementByText =\n  (testingLibrary: TestingLibraryTools) => (text: string | RegExp, container?: HTMLElement) =>\n    findPktElementBy(testingLibrary)('text', text, container)\n\nconst setPktElementChecked = (testingLibrary: TestingLibraryTools) =>\n  asyncFuncWithStringIdentifierOrElement(testingLibrary)((element: PTLElementType, checked: boolean) => {\n    if (!('checked' in element)) {\n      throw new Error('Only elements with a checked attribute can be checked')\n    }\n    const returnValue = testingLibrary.fireEvent.change(element, { target: { checked } })\n    return Promise.resolve(returnValue)\n  })\n\n/**\n * Representerer en option i en PktSelect.\n *\n * @property {string} 0 - verdien (value)\n * @property {string | null} 1 - Tekstinnholdet, <option>tekstinnhold</option>\n * @property {boolean} 2 - Om denne er valgt (selected)\n */\nexport type PktOption = [string, string | null, boolean]\n\nconst getPktSelectOptions = (testingLibrary: TestingLibraryTools) =>\n  syncFuncWithStringIdentifierOrElement(testingLibrary)<PktSelect, Array<PktOption>>(\n    (selectElement: PktSelect): Array<PktOption> => {\n      const optionElements: Array<HTMLOptionElement> = Array.from(\n        selectElement.querySelectorAll(\n          ':scope > option, :scope > optgroup > option, :scope > data, :scope > optgroup > data',\n        ),\n      )\n      const currentValue = selectElement.value\n      return optionElements.map((optionElement) => [\n        optionElement.value,\n        optionElement.textContent,\n        optionElement.value === currentValue,\n      ])\n    },\n  )\n\nconst getAllPktElementsByLabelText =\n  (testingLibrary: TestingLibraryTools) =>\n  (label: string, container?: HTMLElement): Element[] => {\n    const innerElements = testingLibrary.getAllByLabelText(container || document.body, label)\n    return innerElements.map((element) => findPossibleWrappingPktCustomElement(element, false, []))\n  }\n\nconst setPktElementValue = (testingLibrary: TestingLibraryTools) =>\n  asyncFuncWithStringIdentifierOrElement(testingLibrary)(\n    async (\n      element: PTLElementType,\n      valueOrValues: PktElementValueType | Array<PktElementValueType>,\n      useInputEvent = false,\n    ): Promise<boolean> => {\n      if (\n        Array.isArray(valueOrValues) &&\n        !(element.tagName === 'PKT-SELECT' && 'multiple' in element && element.multiple)\n      ) {\n        throw new Error('Only a multi-select PktSelect can have multiple values')\n      }\n      if (element.tagName === 'PKT-SELECT') {\n        testingLibrary.fireEvent.change(element, { target: { value: valueOrValues } })\n        return Promise.resolve(true)\n      } else {\n        const returnValue = useInputEvent\n          ? testingLibrary.fireEvent.input(element, { target: { value: valueOrValues } })\n          : testingLibrary.fireEvent.change(element, { target: { value: valueOrValues } })\n        return Promise.resolve(returnValue)\n      }\n    },\n  )\n\nconst pktClickButton = (testingLibrary: TestingLibraryTools) =>\n  asyncFuncWithStringIdentifierOrElement(testingLibrary)(async (element: PktRadioButton) => {\n    const returnValue = testingLibrary.fireEvent.click(element)\n    return Promise.resolve(returnValue)\n  }, 'text')\n"],"names":["getElementError"],"mappings":"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"}

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@oslokommune/punkt-testing-utils",
+  "version": "12.24.3",
+  "description": "Test-utilities for Punkt",
+  "homepage": "https://punkt.oslo.kommune.no",
+  "author": "Team Designsystem, Oslo Origo",
+  "type": "module",
+  "main": "dist/punkt-testing-utils.umd.js",
+  "module": "dist/punkt-testing-utils.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/react": "16.2.0",
+    "element-internals-polyfill": "^1.3.10"
+  },
+  "devDependencies": {
+    "@oslokommune/punkt-elements": "^12.24.0",
+    "@oslokommune/punkt-react": "12.24.0",
+    "@testing-library/jest-dom": "^6.1.0",
+    "@types/jest": "^29.5.0",
+    "@types/testing-library__jest-dom": "^5.14.9",
+    "@vitejs/plugin-react": "^4.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.2.6",
+    "typescript": "^5.0.0",
+    "vite": "^4.5.0",
+    "vite-plugin-dts": "^3.6.0",
+    "whatwg-fetch": "^3.6.19"
+  },
+  "scripts": {
+    "build": "vite build",
+    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
+    "lint:fix": "eslint --fix 'src/**/*.{jsx,ts,tsx}'",
+    "format": "prettier --write src//**/*.{ts,tsx,css} --config ./.prettierrc",
+    "test": "jest --config jest.config.cjs"
+  },
+  "peerDependencies": {
+    "@oslokommune/punkt-elements": ">=12.0.0",
+    "@oslokommune/punkt-react": ">=12.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "keywords": [
+    "punkt",
+    "pkt",
+    "designsystem",
+    "react",
+    "elements",
+    "testing-library"
+  ],
+  "private": false,
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "license": "MIT",
+  "gitHead": "0b77aeb2e4333420d9806e2aa70742f8617a8ebf"
+}