Tabs:Vertical Placement

This story threw an error after it finished rendering which means interactions may not have been executed fully.

TestingLibraryElementError: Unable to find an accessible element with the role "tab" and name "Details"

Here are the accessible roles:

  tablist:

  Name "":
  <div
    aria-orientation="vertical"
    class="nimbus-tabs__list css-xaiyqw"
    data-collection="react-aria1628932529-_r_0_"
    data-orientation="vertical"
    data-rac=""
    id="react-aria1628932529-_r_1_"
    role="tablist"
  />

  --------------------------------------------------

    at Object.getElementError (https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/iframe-DFQ1Mho6.js:742:284)
    at https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/iframe-DFQ1Mho6.js:137:112
    at https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/iframe-DFQ1Mho6.js:129:4047
    at https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/iframe-DFQ1Mho6.js:745:382
    at Ile.invoke (https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/iframe-DFQ1Mho6.js:713:9449)
    at Ile.track (https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/iframe-DFQ1Mho6.js:713:6679)
    at Object.getByRole (https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/iframe-DFQ1Mho6.js:713:5997)
    at https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/tabs.stories-D3A_8qDr.js:3:7648
    at https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/iframe-DFQ1Mho6.js:537:8610
    at https://6a28137478d14a3a27f4772a-wqmvtkgjuz.capture-loopback.chromatic.com/assets/iframe-DFQ1Mho6.js:537:8610