The baseline is shorter than the new snapshot (1168x619 to 1168x652).
Fail
Unable to find an accessible element with the role "combobox" and name "DMN variable"
Here are the accessible roles:
group:
Name "":
<fieldset
class="admin-fieldset aligned"
/>
Name "":
<fieldset
class="admin-fieldset aligned"
/>
--------------------------------------------------
combobox:
Name "Plugin":
<select
id="id_pluginId"
name="pluginId"
/>
Name "Beslisdefinitie-ID":
<select
id="id_decisionDefinitionId"
name="decisionDefinitionId"
/>
Name "Beslisdefinitieversie":
<select
id="id_decisionDefinitionVersion"
name="decisionDefinitionVersion"
/>
Name "Formuliervariabele":
<select
aria-label="Formuliervariabele"
id="id_inputMapping.0.formVariable"
name="inputMapping.0.formVariable"
/>
Name "DMN-variabele":
<select
aria-label="DMN-variabele"
id="id_inputMapping.0.dmnVariable"
name="inputMapping.0.dmnVariable"
/>
Name "Formuliervariabele":
<select
aria-label="Formuliervariabele"
id="id_inputMapping.1.formVariable"
name="inputMapping.1.formVariable"
/>
Name "DMN-variabele":
<select
aria-label="DMN-variabele"
id="id_inputMapping.1.dmnVariable"
name="inputMapping.1.dmnVariable"
/>
Name "Formuliervariabele":
<select
aria-label="Formuliervariabele"
id="id_outputMapping.0.formVariable"
name="outputMapping.0.formVariable"
/>
Name "DMN-variabele":
<select
aria-label="DMN-variabele"
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
/>
--------------------------------------------------
option:
Name "------":
<option
value=""
/>
Name "Camunda 7":
<option
value="camunda7"
/>
Name "------":
<option
value=""
/>
Name "A decision":
<option
value="decision1"
/>
Name "------":
<option
value=""
/>
Name "v2 (version tag: n/a)":
<option
value="2"
/>
Name "v1 (version tag: n/a)":
<option
value="1"
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "First name":
<option
value="firstName"
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "Surname":
<option
value="surname"
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "Postcode":
<option
value="postcodeOutput"
/>
--------------------------------------------------
heading:
Name "Invoerparameters":
<h3
class="react-modal__section-title"
/>
Name "Uitvoerparameters":
<h3
class="react-modal__section-title"
/>
Name "Verwachtte input-expressies":
<h2
class="react-modal__section-title"
/>
--------------------------------------------------
table:
Name "":
<table />
Name "":
<table />
Name "":
<table
class="logic-dmn__mapping-table logic-dmn__mapping-table--stretch"
/>
--------------------------------------------------
rowgroup:
Name "":
<thead />
Name "":
<tbody />
Name "":
<thead />
Name "":
<tbody />
Name "":
<thead />
Name "":
<tbody />
--------------------------------------------------
row:
Name "Open Formulieren-variabele DMN variabele":
<tr />
Name "Name (name) First name":
<tr />
Name "Surname (surname) Surname":
<tr />
Name "Open Formulieren-variabele DMN variabele":
<tr />
Name "Postcode (postcode) Postcode":
<tr />
Name "Label Expressie Datatype":
<tr />
Name "First name firstName string":
<tr />
Name "Surname surname string":
<tr />
--------------------------------------------------
columnheader:
Name "Open Formulieren-variabele":
<th />
Name "DMN variabele":
<th />
Name "":
<th />
Name "Open Formulieren-variabele":
<th />
Name "DMN variabele":
<th />
Name "":
<th />
Name "Label":
<th />
Name "Expressie":
<th />
Name "Datatype":
<th />
--------------------------------------------------
cell:
Name "Name (name)":
<td />
Name "First name":
<td />
Name "":
<td />
Name "Surname (surname)":
<td />
Name "Surname":
<td />
Name "":
<td />
Name "Postcode (postcode)":
<td />
Name "Postcode":
<td />
Name "":
<td />
Name "First name":
<td />
Name "firstName":
<td />
Name "string":
<td />
Name "Surname":
<td />
Name "surname":
<td />
Name "string":
<td />
--------------------------------------------------
button:
Name "Variabele toevoegen":
<button
class="button button--plain"
type="button"
/>
Name "Variabele toevoegen":
<button
class="button button--plain"
type="button"
/>
Name "Save":
<input
name="_save"
type="submit"
value="Save"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="dmn-action-config"
>
<form
action="#"
>
<fieldset
class="admin-fieldset aligned"
>
<div
class="form-row form-row--no-bottom-line"
>
<div
class=""
>
<div
class="flex-container"
>
<label
class=""
for="id_pluginId"
>
Plugin
</label>
<select
id="id_pluginId"
name="pluginId"
>
<option
value=""
>
------
</option>
<option
value="camunda7"
>
Camunda 7
</option>
</select>
</div>
</div>
</div>
</fieldset>
<fieldset
class="admin-fieldset aligned"
>
<div
class="form-row form-row--no-bottom-line"
>
<div
class=""
>
<div
class="flex-container"
>
<label
class=""
for="id_decisionDefinitionId"
>
Beslisdefinitie-ID
</label>
<select
id="id_decisionDefinitionId"
name="decisionDefinitionId"
>
<option
value=""
>
------
</option>
<option
value="decision1"
>
A decision
</option>
</select>
</div>
</div>
</div>
<div
class="form-row"
>
<div
class=""
>
<div
class="flex-container"
>
<label
class=""
for="id_decisionDefinitionVersion"
>
Beslisdefinitieversie
</label>
<select
id="id_decisionDefinitionVersion"
name="decisionDefinitionVersion"
>
<option
value=""
>
------
</option>
<option
value="2"
>
v2 (version tag: n/a)
</option>
<option
value="1"
>
v1 (version tag: n/a)
</option>
</select>
</div>
<div
class="help"
id="id_decisionDefinitionVersion_helptext"
>
<div>
Als je dit leeg laat, dan wordt de nieuwste versie gebruikt.
</div>
</div>
</div>
</div>
</fieldset>
<div
class="logic-dmn"
>
<div
class="logic-dmn__mapping-config"
>
<div
class="logic-dmn__mapping"
>
<h3
class="react-modal__section-title"
>
Invoerparameters
</h3>
<div
class="logic-dmn__mapping-table"
>
<table>
<thead>
<tr>
<th>
Open Formulieren-variabele
</th>
<th>
DMN variabele
</th>
<th />
</tr>
</thead>
<tbody>
<tr>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="Formuliervariabele"
id="id_inputMapping.0.formVariable"
name="inputMapping.0.formVariable"
>
<option
value=""
>
------
</option>
<option
value="name"
>
Name (name)
</option>
<option
value="surname"
>
Surname (surname)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
id="id_inputMapping.0.dmnVariable"
name="inputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="firstName"
>
First name
</option>
</select>
</div>
</div>
</td>
<td>
<i
class="fa-solid fa-trash-can icon icon--danger actions__action"
title="Verwijderen"
/>
</td>
</tr>
<tr>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="Formuliervariabele"
id="id_inputMapping.1.formVariable"
name="inputMapping.1.formVariable"
>
<option
value=""
>
------
</option>
<option
value="name"
>
Name (name)
</option>
<option
value="surname"
>
Surname (surname)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
id="id_inputMapping.1.dmnVariable"
name="inputMapping.1.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="surname"
>
Surname
</option>
</select>
</div>
</div>
</td>
<td>
<i
class="fa-solid fa-trash-can icon icon--danger actions__action"
title="Verwijderen"
/>
</td>
</tr>
</tbody>
</table>
<div
class="button-container button-container--padded"
>
<button
class="button button--plain"
type="button"
>
<span
class="addlink"
>
Variabele toevoegen
</span>
</button>
</div>
</div>
</div>
<div
class="logic-dmn__mapping"
>
<h3
class="react-modal__section-title"
>
Uitvoerparameters
</h3>
<div
class="logic-dmn__mapping-table"
>
<table>
<thead>
<tr>
<th>
Open Formulieren-variabele
</th>
<th>
DMN variabele
</th>
<th />
</tr>
</thead>
<tbody>
<tr>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="Formuliervariabele"
id="id_outputMapping.0.formVariable"
name="outputMapping.0.formVariable"
>
<option
value=""
>
------
</option>
<option
value="name"
>
Name (name)
</option>
<option
value="surname"
>
Surname (surname)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="postcodeOutput"
>
Postcode
</option>
</select>
</div>
</div>
</td>
<td>
<i
class="fa-solid fa-trash-can icon icon--danger actions__action"
title="Verwijderen"
/>
</td>
</tr>
</tbody>
</table>
<div
class="button-container button-container--padded"
>
<button
class="button button--plain"
type="button"
>
<span
class="addlink"
>
Variabele toevoegen
</span>
</button>
</div>
</div>
</div>
</div>
<section
class="logic-dmn__info"
>
<h2
class="react-modal__section-title"
>
Verwachtte input-expressies
</h2>
<p>
De expressies hieronder komen uit de geselecteerde beslisdefinitie. Het is mogelijk dat sommige inputs zichtbaar zijn die al ingevuld worden door een eerdere definitie. Dit komt door de complexiteit van de expressie.
</p>
<table
class="logic-dmn__mapping-table logic-dmn__mapping-table--stretch"
>
<thead>
<tr>
<th>
Label
</th>
<th>
Expressie
</th>
<th>
Datatype
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
First name
</td>
<td>
<code>
firstName
</code>
</td>
<td>
<code>
string
</code>
</td>
</tr>
<tr>
<td>
Surname
</td>
<td>
<code>
surname
</code>
</td>
<td>
<code>
string
</code>
</td>
</tr>
</tbody>
</table>
</section>
</div>
<div
class="submit-row"
>
<input
name="_save"
type="submit"
value="Save"
/>
</div>
</form>
</div>
</div>View in Storybook
Chrome 1211168x652
Linux Ubuntu 24.04.4
4e66fe on release/4486-translations
Caught exception in
play functionThis 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 "combobox" and name "DMN variable"
Here are the accessible roles:
group:
Name "":
<fieldset
class="admin-fieldset aligned"
/>
Name "":
<fieldset
class="admin-fieldset aligned"
/>
--------------------------------------------------
combobox:
Name "Plugin":
<select
id="id_pluginId"
name="pluginId"
/>
Name "Beslisdefinitie-ID":
<select
id="id_decisionDefinitionId"
name="decisionDefinitionId"
/>
Name "Beslisdefinitieversie":
<select
id="id_decisionDefinitionVersion"
name="decisionDefinitionVersion"
/>
Name "Formuliervariabele":
<select
aria-label="Formuliervariabele"
id="id_inputMapping.0.formVariable"
name="inputMapping.0.formVariable"
/>
Name "DMN-variabele":
<select
aria-label="DMN-variabele"
id="id_inputMapping.0.dmnVariable"
name="inputMapping.0.dmnVariable"
/>
Name "Formuliervariabele":
<select
aria-label="Formuliervariabele"
id="id_inputMapping.1.formVariable"
name="inputMapping.1.formVariable"
/>
Name "DMN-variabele":
<select
aria-label="DMN-variabele"
id="id_inputMapping.1.dmnVariable"
name="inputMapping.1.dmnVariable"
/>
Name "Formuliervariabele":
<select
aria-label="Formuliervariabele"
id="id_outputMapping.0.formVariable"
name="outputMapping.0.formVariable"
/>
Name "DMN-variabele":
<select
aria-label="DMN-variabele"
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
/>
--------------------------------------------------
option:
Name "------":
<option
value=""
/>
Name "Camunda 7":
<option
value="camunda7"
/>
Name "------":
<option
value=""
/>
Name "A decision":
<option
value="decision1"
/>
Name "------":
<option
value=""
/>
Name "v2 (version tag: n/a)":
<option
value="2"
/>
Name "v1 (version tag: n/a)":
<option
value="1"
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "First name":
<option
value="firstName"
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "Surname":
<option
value="surname"
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "Postcode":
<option
value="postcodeOutput"
/>
--------------------------------------------------
heading:
Name "Invoerparameters":
<h3
class="react-modal__section-title"
/>
Name "Uitvoerparameters":
<h3
class="react-modal__section-title"
/>
Name "Verwachtte input-expressies":
<h2
class="react-modal__section-title"
/>
--------------------------------------------------
table:
Name "":
<table />
Name "":
<table />
Name "":
<table
class="logic-dmn__mapping-table logic-dmn__mapping-table--stretch"
/>
--------------------------------------------------
rowgroup:
Name "":
<thead />
Name "":
<tbody />
Name "":
<thead />
Name "":
<tbody />
Name "":
<thead />
Name "":
<tbody />
--------------------------------------------------
row:
Name "Open Formulieren-variabele DMN variabele":
<tr />
Name "Name (name) First name":
<tr />
Name "Surname (surname) Surname":
<tr />
Name "Open Formulieren-variabele DMN variabele":
<tr />
Name "Postcode (postcode) Postcode":
<tr />
Name "Label Expressie Datatype":
<tr />
Name "First name firstName string":
<tr />
Name "Surname surname string":
<tr />
--------------------------------------------------
columnheader:
Name "Open Formulieren-variabele":
<th />
Name "DMN variabele":
<th />
Name "":
<th />
Name "Open Formulieren-variabele":
<th />
Name "DMN variabele":
<th />
Name "":
<th />
Name "Label":
<th />
Name "Expressie":
<th />
Name "Datatype":
<th />
--------------------------------------------------
cell:
Name "Name (name)":
<td />
Name "First name":
<td />
Name "":
<td />
Name "Surname (surname)":
<td />
Name "Surname":
<td />
Name "":
<td />
Name "Postcode (postcode)":
<td />
Name "Postcode":
<td />
Name "":
<td />
Name "First name":
<td />
Name "firstName":
<td />
Name "string":
<td />
Name "Surname":
<td />
Name "surname":
<td />
Name "string":
<td />
--------------------------------------------------
button:
Name "Variabele toevoegen":
<button
class="button button--plain"
type="button"
/>
Name "Variabele toevoegen":
<button
class="button button--plain"
type="button"
/>
Name "Save":
<input
name="_save"
type="submit"
value="Save"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="dmn-action-config"
>
<form
action="#"
>
<fieldset
class="admin-fieldset aligned"
>
<div
class="form-row form-row--no-bottom-line"
>
<div
class=""
>
<div
class="flex-container"
>
<label
class=""
for="id_pluginId"
>
Plugin
</label>
<select
id="id_pluginId"
name="pluginId"
>
<option
value=""
>
------
</option>
<option
value="camunda7"
>
Camunda 7
</option>
</select>
</div>
</div>
</div>
</fieldset>
<fieldset
class="admin-fieldset aligned"
>
<div
class="form-row form-row--no-bottom-line"
>
<div
class=""
>
<div
class="flex-container"
>
<label
class=""
for="id_decisionDefinitionId"
>
Beslisdefinitie-ID
</label>
<select
id="id_decisionDefinitionId"
name="decisionDefinitionId"
>
<option
value=""
>
------
</option>
<option
value="decision1"
>
A decision
</option>
</select>
</div>
</div>
</div>
<div
class="form-row"
>
<div
class=""
>
<div
class="flex-container"
>
<label
class=""
for="id_decisionDefinitionVersion"
>
Beslisdefinitieversie
</label>
<select
id="id_decisionDefinitionVersion"
name="decisionDefinitionVersion"
>
<option
value=""
>
------
</option>
<option
value="2"
>
v2 (version tag: n/a)
</option>
<option
value="1"
>
v1 (version tag: n/a)
</option>
</select>
</div>
<div
class="help"
id="id_decisionDefinitionVersion_helptext"
>
<div>
Als je dit leeg laat, dan wordt de nieuwste versie gebruikt.
</div>
</div>
</div>
</div>
</fieldset>
<div
class="logic-dmn"
>
<div
class="logic-dmn__mapping-config"
>
<div
class="logic-dmn__mapping"
>
<h3
class="react-modal__section-title"
>
Invoerparameters
</h3>
<div
class="logic-dmn__mapping-table"
>
<table>
<thead>
<tr>
<th>
Open Formulieren-variabele
</th>
<th>
DMN variabele
</th>
<th />
</tr>
</thead>
<tbody>
<tr>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="Formuliervariabele"
id="id_inputMapping.0.formVariable"
name="inputMapping.0.formVariable"
>
<option
value=""
>
------
</option>
<option
value="name"
>
Name (name)
</option>
<option
value="surname"
>
Surname (surname)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
id="id_inputMapping.0.dmnVariable"
name="inputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="firstName"
>
First name
</option>
</select>
</div>
</div>
</td>
<td>
<i
class="fa-solid fa-trash-can icon icon--danger actions__action"
title="Verwijderen"
/>
</td>
</tr>
<tr>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="Formuliervariabele"
id="id_inputMapping.1.formVariable"
name="inputMapping.1.formVariable"
>
<option
value=""
>
------
</option>
<option
value="name"
>
Name (name)
</option>
<option
value="surname"
>
Surname (surname)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
id="id_inputMapping.1.dmnVariable"
name="inputMapping.1.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="surname"
>
Surname
</option>
</select>
</div>
</div>
</td>
<td>
<i
class="fa-solid fa-trash-can icon icon--danger actions__action"
title="Verwijderen"
/>
</td>
</tr>
</tbody>
</table>
<div
class="button-container button-container--padded"
>
<button
class="button button--plain"
type="button"
>
<span
class="addlink"
>
Variabele toevoegen
</span>
</button>
</div>
</div>
</div>
<div
class="logic-dmn__mapping"
>
<h3
class="react-modal__section-title"
>
Uitvoerparameters
</h3>
<div
class="logic-dmn__mapping-table"
>
<table>
<thead>
<tr>
<th>
Open Formulieren-variabele
</th>
<th>
DMN variabele
</th>
<th />
</tr>
</thead>
<tbody>
<tr>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="Formuliervariabele"
id="id_outputMapping.0.formVariable"
name="outputMapping.0.formVariable"
>
<option
value=""
>
------
</option>
<option
value="name"
>
Name (name)
</option>
<option
value="surname"
>
Surname (surname)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="postcodeOutput"
>
Postcode
</option>
</select>
</div>
</div>
</td>
<td>
<i
class="fa-solid fa-trash-can icon icon--danger actions__action"
title="Verwijderen"
/>
</td>
</tr>
</tbody>
</table>
<div
class="button-container button-container--padded"
>
<button
class="button button--plain"
type="button"
>
<span
class="addlink"
>
Variabele toevoegen
</span>
</button>
</div>
</div>
</div>
</div>
<section
class="logic-dmn__info"
>
<h2
class="react-modal__section-title"
>
Verwachtte input-expressies
</h2>
<p>
De expressies hieronder komen uit de geselecteerde beslisdefinitie. Het is mogelijk dat sommige inputs zichtbaar zijn die al ingevuld worden door een eerdere definitie. Dit komt door de complexiteit van de expressie.
</p>
<table
class="logic-dmn__mapping-table logic-dmn__mapping-table--stretch"
>
<thead>
<tr>
<th>
Label
</th>
<th>
Expressie
</th>
<th>
Datatype
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
First name
</td>
<td>
<code>
firstName
</code>
</td>
<td>
<code>
string
</code>
</td>
</tr>
<tr>
<td>
Surname
</td>
<td>
<code>
surname
</code>
</td>
<td>
<code>
string
</code>
</td>
</tr>
</tbody>
</table>
</section>
</div>
<div
class="submit-row"
>
<input
name="_save"
type="submit"
value="Save"
/>
</div>
</form>
</div>
</div>
at Object.getElementError (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:628088)
at https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:644354
at https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:645316
at Object.invoke (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/9466.c102efb7.iframe.bundle.js:401:114063)
at Object.track (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/9466.c102efb7.iframe.bundle.js:401:110770)
at Object.getAllByRole (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/9466.c102efb7.iframe.bundle.js:401:109848)
at https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3412.6ffc721e.iframe.bundle.js:2:35103
at async https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/sb-preview/runtime.js:119:2862
at async play (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3412.6ffc721e.iframe.bundle.js:2:34982)
at async https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/sb-preview/runtime.js:144:3897