Skip to content
Create Initial Preview Comment

chore: update react package dependencies #321

Sign in to view logs

chore: update react package dependencies

chore: update react package dependencies #321

GitHub Actions / Unit Test Report failed Jan 22, 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
  Proxy.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
  Proxy.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
  Proxy.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
  Proxy.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
  Proxy.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