PasswordInput:type=password（デフォルト）

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

TestingLibraryElementError: Unable to find an element with the role "textbox"

Here are the available roles:

  group:

  Name "":
  <div
    class="group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none h-9 min-w-0 has-[>textarea]:h-auto has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-end]]:[&>input]:pr-2 has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40"
    data-slot="input-group"
    role="group"
  />

  Name "":
  <div
    class="text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50 order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]"
    data-align="inline-end"
    data-slot="input-group-addon"
    role="group"
  />

  --------------------------------------------------
  button:

  Name "パスワードを表示する":
  <button
    aria-label="パスワードを表示する"
    aria-pressed="false"
    class="justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 text-sm shadow-none flex gap-2 items-center size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0"
    data-size="icon-xs"
    data-slot="button"
    data-variant="ghost"
    type="button"
  />

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

    at Object.getElementError (https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/iframe-D3kW7jad.js:742:284)
    at https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/iframe-D3kW7jad.js:137:112
    at https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/iframe-D3kW7jad.js:129:4040
    at https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/iframe-D3kW7jad.js:745:377
    at GA.invoke (https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/iframe-D3kW7jad.js:713:9407)
    at GA.track (https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/iframe-D3kW7jad.js:713:6640)
    at Object.getByRole (https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/iframe-D3kW7jad.js:713:5960)
    at play (https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/PasswordInput.stories-zMHO1QoD.js:1:834)
    at https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/iframe-D3kW7jad.js:911:3508
    at dV.runPhase (https://6a308fbbeb1e6b9dbe73f588-lzgtpryggl.capture-loopback.chromatic.com/assets/iframe-D3kW7jad.js:911:613)