Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(deps): update dependency @floating-ui/react to v0.27.5 #3320

Open
wants to merge 1 commit into
base: next
Choose a base branch
from

fix(deps): update dependency @floating-ui/react to v0.27.5

86bd770
Select commit
Loading
Failed to load commit list.
Sign in for the full log view
Open

fix(deps): update dependency @floating-ui/react to v0.27.5 #3320

fix(deps): update dependency @floating-ui/react to v0.27.5
86bd770
Select commit
Loading
Failed to load commit list.
GitHub Actions / Unit Test Report failed Mar 5, 2025 in 0s

209 tests run, 197 passed, 0 skipped, 12 failed.

Annotations

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should render children when we click on the combobox 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":r4:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:r6:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m""[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-r8"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-r8"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:r6:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":r4:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:r6:"
            role="combobox"
            value=""
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-r8"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-r8"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:r6:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:78:19

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should close the dropdown when we click outside 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":ra:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:rc:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m""[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-re"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-re"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:rc:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":ra:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:rc:"
            role="combobox"
            value=""
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-re"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-re"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:rc:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:86:19

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should close when we click Escape 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<label[39m
        [33mclass[39m=[32m"ds-label ds-combobox__label"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-weight[39m=[32m"medium"[39m
        [33mfor[39m=[32m"combobox-:ri:"[39m
      [36m>[39m
        [0mcloseOnEscape[0m
      [36m</label>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":rg:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:ri:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m""[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-rk"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-rk"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:ri:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <label
        class="ds-label ds-combobox__label"
        data-size="md"
        data-weight="medium"
        for="combobox-:ri:"
      >
        closeOnEscape
      </label>
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":rg:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:ri:"
            role="combobox"
            value=""
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-rk"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-rk"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:ri:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:98:19

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should set call `onValueChange` on the Combobox when we click and option 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":rm:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:ro:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m""[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-rq"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-rq"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:ro:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":rm:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:ro:"
            role="combobox"
            value=""
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-rq"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-rq"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:ro:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:128:51
  process.env.NODE_ENV.exports.act ../../node_modules/react/cjs/react.development.js:1081:22
  src/components/Combobox/Combobox.test.tsx:128:11

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should call `onValueChange` with multiple values when we click multiple options 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":rs:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:ru:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m""[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-r10"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-r10"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:ru:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":rs:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:ru:"
            role="combobox"
            value=""
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-r10"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-r10"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:ru:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:141:51
  process.env.NODE_ENV.exports.act ../../node_modules/react/cjs/react.development.js:1081:22
  src/components/Combobox/Combobox.test.tsx:141:11

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should send `onChange` event when value changes 

Unable to find an element with the text: Oslo. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":r12:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:r14:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m""[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-r16"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-r16"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:r14:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Oslo. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":r12:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:r14:"
            role="combobox"
            value=""
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-r16"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-r16"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:r14:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:159:51
  process.env.NODE_ENV.exports.act ../../node_modules/react/cjs/react.development.js:1081:22
  src/components/Combobox/Combobox.test.tsx:159:11

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should remove all values when we click on the clear button 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":r1l:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:r1n:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m""[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-r1p"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-r1p"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:r1n:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":r1l:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:r1n:"
            role="combobox"
            value=""
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-r1p"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-r1p"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:r1n:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:200:51
  process.env.NODE_ENV.exports.act ../../node_modules/react/cjs/react.development.js:1081:22
  src/components/Combobox/Combobox.test.tsx:200:11

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should show "Fant ingen treff", when input does not match any values 

Unable to find an element with the text: Fant ingen treff. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":r1r:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:r1t:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m"test"[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-r22"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-r22"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:r1t:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Fant ingen treff. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":r1r:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:r1t:"
            role="combobox"
            value="test"
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-r22"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-r22"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:r1t:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:242:19

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should work in a form if we pass a name 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<form>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
      [36m>[39m
        [36m<select[39m
          [33mname[39m=[32m"test"[39m
          [33mstyle[39m=[32m"display: none;"[39m
        [36m/>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
          [33mdata-size[39m=[32m"md"[39m
          [33mdata-variant[39m=[32m"default"[39m
        [36m>[39m
          [36m<div[39m
            [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
          [36m>[39m
            [36m<input[39m
              [33maria-autocomplete[39m=[32m"list"[39m
              [33maria-controls[39m=[32m":r24:"[39m
              [33maria-expanded[39m=[32m"true"[39m
              [33mautocomplete[39m=[32m"off"[39m
              [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
              [33mdata-size[39m=[32m"md"[39m
              [33mdata-variant[39m=[32m"default"[39m
              [33mid[39m=[32m"combobox-:r26:"[39m
              [33mrole[39m=[32m"combobox"[39m
              [33mvalue[39m=[32m""[39m
            [36m/>[39m
          [36m</div>[39m
          [36m<div[39m
            [33mclass[39m=[32m"ds-combobox__arrow"[39m
          [36m>[39m
            [36m<svg[39m
              [33maria-labelledby[39m=[32m"title-r28"[39m
              [33mfill[39m=[32m"none"[39m
              [33mfocusable[39m=[32m"false"[39m
              [33mfont-size[39m=[32m"1.5em"[39m
              [33mheight[39m=[32m"1em"[39m
              [33mrole[39m=[32m"img"[39m
              [33mviewBox[39m=[32m"0 0 24 24"[39m
              [33mwidth[39m=[32m"1em"[39m
              [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
            [36m>[39m
              [36m<title[39m
                [33mid[39m=[32m"title-r28"[39m
              [36m>[39m
                [0marrow up[0m
              [36m</title>[39m
              [36m<path[39m
                [33mclip-rule[39m=[32m"evenodd"[39m
                [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
                [33mfill[39m=[32m"currentColor"[39m
                [33mfill-rule[39m=[32m"evenodd"[39m
              [36m/>[39m
            [36m</svg>[39m
          [36m</div>[39m
        [36m</div>[39m
        [36m<div[39m
          [33maria-live[39m=[32m"polite"[39m
          [33maria-relevant[39m=[32m"additions removals"[39m
          [33mclass[39m=[32m"ds-combobox__error-message"[39m
          [33mid[39m=[32m"combobox-error-:r26:"[39m
        [36m/>[39m
      [36m</div>[39m
      [36m<button[39m
        [33mtype[39m=[32m"submit"[39m
      [36m>[39m
        [0mSubmit[0m
      [36m</button>[39m
    [36m</form>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <form>
      <div
        class="ds-combobox ds-combobox--md"
      >
        <select
          name="test"
          style="display: none;"
        />
        <div
          class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
          data-size="md"
          data-variant="default"
        >
          <div
            class="ds-combobox__chip-and-input"
          >
            <input
              aria-autocomplete="list"
              aria-controls=":r24:"
              aria-expanded="true"
              autocomplete="off"
              class="ds-paragraph ds-combobox__input"
              data-size="md"
              data-variant="default"
              id="combobox-:r26:"
              role="combobox"
              value=""
            />
          </div>
          <div
            class="ds-combobox__arrow"
          >
            <svg
              aria-labelledby="title-r28"
              fill="none"
              focusable="false"
              font-size="1.5em"
              height="1em"
              role="img"
              viewBox="0 0 24 24"
              width="1em"
              xmlns="http://www.w3.org/2000/svg"
            >
              <title
                id="title-r28"
              >
                arrow up
              </title>
              <path
                clip-rule="evenodd"
                d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
                fill="currentColor"
                fill-rule="evenodd"
              />
            </svg>
          </div>
        </div>
        <div
          aria-live="polite"
          aria-relevant="additions removals"
          class="ds-combobox__error-message"
          id="combobox-error-:r26:"
        />
      </div>
      <button
        type="submit"
      >
        Submit
      </button>
    </form>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:276:29

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should work in a form if we pass a name, and we click multiple 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<form>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
      [36m>[39m
        [36m<select[39m
          [33mmultiple[39m=[32m""[39m
          [33mname[39m=[32m"test"[39m
          [33mstyle[39m=[32m"display: none;"[39m
        [36m/>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
          [33mdata-size[39m=[32m"md"[39m
          [33mdata-variant[39m=[32m"default"[39m
        [36m>[39m
          [36m<div[39m
            [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
          [36m>[39m
            [36m<input[39m
              [33maria-autocomplete[39m=[32m"list"[39m
              [33maria-controls[39m=[32m":r2a:"[39m
              [33maria-expanded[39m=[32m"true"[39m
              [33mautocomplete[39m=[32m"off"[39m
              [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
              [33mdata-size[39m=[32m"md"[39m
              [33mdata-variant[39m=[32m"default"[39m
              [33mid[39m=[32m"combobox-:r2c:"[39m
              [33mrole[39m=[32m"combobox"[39m
              [33mvalue[39m=[32m""[39m
            [36m/>[39m
          [36m</div>[39m
          [36m<div[39m
            [33mclass[39m=[32m"ds-combobox__arrow"[39m
          [36m>[39m
            [36m<svg[39m
              [33maria-labelledby[39m=[32m"title-r2e"[39m
              [33mfill[39m=[32m"none"[39m
              [33mfocusable[39m=[32m"false"[39m
              [33mfont-size[39m=[32m"1.5em"[39m
              [33mheight[39m=[32m"1em"[39m
              [33mrole[39m=[32m"img"[39m
              [33mviewBox[39m=[32m"0 0 24 24"[39m
              [33mwidth[39m=[32m"1em"[39m
              [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
            [36m>[39m
              [36m<title[39m
                [33mid[39m=[32m"title-r2e"[39m
              [36m>[39m
                [0marrow up[0m
              [36m</title>[39m
              [36m<path[39m
                [33mclip-rule[39m=[32m"evenodd"[39m
                [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
                [33mfill[39m=[32m"currentColor"[39m
                [33mfill-rule[39m=[32m"evenodd"[39m
              [36m/>[39m
            [36m</svg>[39m
          [36m</div>[39m
        [36m</div>[39m
        [36m<div[39m
          [33maria-live[39m=[32m"polite"[39m
          [33maria-relevant[39m=[32m"additions removals"[39m
          [33mclass[39m=[32m"ds-combobox__error-message"[39m
          [33mid[39m=[32m"combobox-error-:r2c:"[39m
        [36m/>[39m
      [36m</div>[39m
      [36m<button[39m
        [33mdata-testid[39m=[32m"submit"[39m
        [33mtype[39m=[32m"submit"[39m
      [36m>[39m
        [0mSubmit[0m
      [36m</button>[39m
    [36m</form>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <form>
      <div
        class="ds-combobox ds-combobox--md"
      >
        <select
          multiple=""
          name="test"
          style="display: none;"
        />
        <div
          class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
          data-size="md"
          data-variant="default"
        >
          <div
            class="ds-combobox__chip-and-input"
          >
            <input
              aria-autocomplete="list"
              aria-controls=":r2a:"
              aria-expanded="true"
              autocomplete="off"
              class="ds-paragraph ds-combobox__input"
              data-size="md"
              data-variant="default"
              id="combobox-:r2c:"
              role="combobox"
              value=""
            />
          </div>
          <div
            class="ds-combobox__arrow"
          >
            <svg
              aria-labelledby="title-r2e"
              fill="none"
              focusable="false"
              font-size="1.5em"
              height="1em"
              role="img"
              viewBox="0 0 24 24"
              width="1em"
              xmlns="http://www.w3.org/2000/svg"
            >
              <title
                id="title-r2e"
              >
                arrow up
              </title>
              <path
                clip-rule="evenodd"
                d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
                fill="currentColor"
                fill-rule="evenodd"
              />
            </svg>
          </div>
        </div>
        <div
          aria-live="polite"
          aria-relevant="additions removals"
          class="ds-combobox__error-message"
          id="combobox-error-:r2c:"
        />
      </div>
      <button
        data-testid="submit"
        type="submit"
      >
        Submit
      </button>
    </form>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:320:29

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should show all options when we are in single mode, and have a value selected 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":r2g:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:r2i:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m""[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-r2k"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-r2k"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:r2i:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":r2g:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:r2i:"
            role="combobox"
            value=""
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-r2k"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-r2k"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:r2i:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:338:51
  process.env.NODE_ENV.exports.act ../../node_modules/react/cjs/react.development.js:1081:22
  src/components/Combobox/Combobox.test.tsx:338:11

Check failure on line 1 in packages/react/src/components/Combobox/Combobox.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Unit Test Report

packages/react/src/components/Combobox/Combobox.test.tsx / Combobox > should only call onValueChange once when we click the same option fast twice 

Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
[36m<body>[39m
  [36m<div>[39m
    [36m<div[39m
      [33mclass[39m=[32m"ds-combobox ds-combobox--md"[39m
    [36m>[39m
      [36m<div[39m
        [33mclass[39m=[32m"ds-paragraph ds-textfield__input ds-combobox__input__wrapper"[39m
        [33mdata-size[39m=[32m"md"[39m
        [33mdata-variant[39m=[32m"default"[39m
      [36m>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__chip-and-input"[39m
        [36m>[39m
          [36m<input[39m
            [33maria-autocomplete[39m=[32m"list"[39m
            [33maria-controls[39m=[32m":r2m:"[39m
            [33maria-expanded[39m=[32m"true"[39m
            [33mautocomplete[39m=[32m"off"[39m
            [33mclass[39m=[32m"ds-paragraph ds-combobox__input"[39m
            [33mdata-size[39m=[32m"md"[39m
            [33mdata-variant[39m=[32m"default"[39m
            [33mid[39m=[32m"combobox-:r2o:"[39m
            [33mrole[39m=[32m"combobox"[39m
            [33mvalue[39m=[32m""[39m
          [36m/>[39m
        [36m</div>[39m
        [36m<div[39m
          [33mclass[39m=[32m"ds-combobox__arrow"[39m
        [36m>[39m
          [36m<svg[39m
            [33maria-labelledby[39m=[32m"title-r2q"[39m
            [33mfill[39m=[32m"none"[39m
            [33mfocusable[39m=[32m"false"[39m
            [33mfont-size[39m=[32m"1.5em"[39m
            [33mheight[39m=[32m"1em"[39m
            [33mrole[39m=[32m"img"[39m
            [33mviewBox[39m=[32m"0 0 24 24"[39m
            [33mwidth[39m=[32m"1em"[39m
            [33mxmlns[39m=[32m"http://www.w3.org/2000/svg"[39m
          [36m>[39m
            [36m<title[39m
              [33mid[39m=[32m"title-r2q"[39m
            [36m>[39m
              [0marrow up[0m
            [36m</title>[39m
            [36m<path[39m
              [33mclip-rule[39m=[32m"evenodd"[39m
              [33md[39m=[32m"M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"[39m
              [33mfill[39m=[32m"currentColor"[39m
              [33mfill-rule[39m=[32m"evenodd"[39m
            [36m/>[39m
          [36m</svg>[39m
        [36m</div>[39m
      [36m</div>[39m
      [36m<div[39m
        [33maria-live[39m=[32m"polite"[39m
        [33maria-relevant[39m=[32m"additions removals"[39m
        [33mclass[39m=[32m"ds-combobox__error-message"[39m
        [33mid[39m=[32m"combobox-error-:r2o:"[39m
      [36m/>[39m
    [36m</div>[39m
  [36m</div>[39m
[36m</body>[39m
Raw output 
TestingLibraryElementError: Unable to find an element with the text: Leikanger. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="ds-combobox ds-combobox--md"
    >
      <div
        class="ds-paragraph ds-textfield__input ds-combobox__input__wrapper"
        data-size="md"
        data-variant="default"
      >
        <div
          class="ds-combobox__chip-and-input"
        >
          <input
            aria-autocomplete="list"
            aria-controls=":r2m:"
            aria-expanded="true"
            autocomplete="off"
            class="ds-paragraph ds-combobox__input"
            data-size="md"
            data-variant="default"
            id="combobox-:r2o:"
            role="combobox"
            value=""
          />
        </div>
        <div
          class="ds-combobox__arrow"
        >
          <svg
            aria-labelledby="title-r2q"
            fill="none"
            focusable="false"
            font-size="1.5em"
            height="1em"
            role="img"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title
              id="title-r2q"
            >
              arrow up
            </title>
            <path
              clip-rule="evenodd"
              d="M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
      <div
        aria-live="polite"
        aria-relevant="additions removals"
        class="ds-combobox__error-message"
        id="combobox-error-:r2o:"
      />
    </div>
  </div>
</body>
  Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
  ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
  src/components/Combobox/Combobox.test.tsx:351:29
View more details on GitHub Actions