Reviewing build 2671 • storybookjs/storybook-ui

Fail

tabs.stories.tsx

expect(received).toHaveLength(expected)

Expected length: 4
Received length: 3
Received array:  [<button class="tabbutton tabbutton-active css-tfx2ys" id="tabbutton-tab-title-1" role="tab" type="button">Tab title #1</button>, <button class="tabbutton  css-b7px5k" id="tabbutton-tab-title-2" role="tab" type="button">Tab title #2</button>, <button aria-hidden="false" class="tabbutton css-ufpccb" role="tab" style="visibility: visible;" type="button">Addons<span class="addon-collapsible-icon css-rlrctb" /></button>]

View in Storybook

Chrome 89

360x880

Linux Amazon Linux 2

707b93 on norbert/fix-next

Caught exception in play function

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

Error: expect(received).toHaveLength(expected)

Expected length: 4
Received length: 3
Received array:  [<button class="tabbutton tabbutton-active css-tfx2ys" id="tabbutton-tab-title-1" role="tab" type="button">Tab title #1</button>, <button class="tabbutton  css-b7px5k" id="tabbutton-tab-title-2" role="tab" type="button">Tab title #2</button>, <button aria-hidden="false" class="tabbutton css-ufpccb" role="tab" style="visibility: visible;" type="button">Addons<span class="addon-collapsible-icon css-rlrctb" /></button>]

Ignored nodes: comments, script, style
<html
  lang="en"
>
  <head>
    
  
    <meta
      charset="utf-8"
    />
    
  
    <title>
      storybook-components-tabs--stateful-dynamic-with-selected-addon
    </title>
    
  
    <meta
      content="width=device-width, initial-scale=1"
      name="viewport"
    />
    

  
    <link
      as="font"
      crossorigin=""
      href="./sb-common-assets/nunito-sans-regular.woff2"
      rel="preload"
      type="font/woff2"
    />
    
  
    <link
      as="font"
      crossorigin=""
      href="./sb-common-assets/nunito-sans-italic.woff2"
      rel="preload"
      type="font/woff2"
    />
    
  
    <link
      as="font"
      crossorigin=""
      href="./sb-common-assets/nunito-sans-bold.woff2"
      rel="preload"
      type="font/woff2"
    />
    
  
    <link
      as="font"
      crossorigin=""
      href="./sb-common-assets/nunito-sans-bold-italic.woff2"
      rel="preload"
      type="font/woff2"
    />
    
  
    <link
      href="./sb-common-assets/fonts.css"
      rel="stylesheet"
    />
    

  
    
  
    <base
      target="_parent"
    />
    


    


    

    

  
    
  
    <link
      crossorigin=""
      href="./assets/preload-helper-41c905a7.js"
      rel="modulepreload"
    />
    


    
  
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/config-e496e195.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/index-d475d2ea.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/index-6f814c40.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/_commonjsHelpers-042e6b4d.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/index-6de6b113.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/index-ca31dcd8.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/mapValues-091b1bcf.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/_baseAssignValue-1d957f56.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/_getTag-2cbfdab5.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/_baseIsEqual-2ad5c745.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/_baseIteratee-18800d8c.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/_baseToString-6f0f8c98.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/index-4d501b15.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/index-356e4a49.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/isPlainObject-6a5c6157.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/_getPrototype-c110103b.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/preview-ae2b0ea1.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/preview-418e4097.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/preview-d5c2410c.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/chunk-NX5DM7EF-081162fa.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/preview-f96f0111.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/preview-e6f1f377.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/preview-62235626.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/preview-a1e285ec.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/preview-2a84f0a5.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/index-a6c8ef6f.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/preview-3ad3b4d9.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/jsx-runtime-0f39435c.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/isChromatic-110c0762.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https://635781f3500dd2c49e189caf-celcddqlxf.capture.chromatic.com/assets/index-e2b9eaee.js"
      rel="modulepreload"
    />
    <link
      as="script"
      crossorigin=""
      href="https...