The baseline is shorter than the new snapshot (1168x554 to 1168x685).
Fail
Unable to find an accessible element with the role "combobox" and name "Form 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"
disabled=""
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"
disabled=""
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"
disabled=""
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
/>
--------------------------------------------------
option:
Name "------":
<option
value=""
/>
Name "Camunda 7":
<option
value="camunda7"
/>
Name "Some other engine":
<option
value="some-other-engine"
/>
Name "------":
<option
value=""
/>
Name "Approve payment":
<option
value="approve-payment"
/>
Name "Invoice Classification":
<option
value="invoiceClassification"
/>
Name "Complex expression in inputs":
<option
value="withComplexExpressions"
/>
Name "------":
<option
value=""
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Income (income)":
<option
value="income"
/>
Name "Can apply? (canApply)":
<option
value="canApply"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Income (income)":
<option
value="income"
/>
Name "Can apply? (canApply)":
<option
value="canApply"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Income (income)":
<option
value="income"
/>
Name "Can apply? (canApply)":
<option
value="canApply"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
--------------------------------------------------
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) ------":
<tr />
Name "Surname (surname) ------":
<tr />
Name "Open Formulieren-variabele DMN variabele":
<tr />
Name "Can apply? (canApply) ------":
<tr />
Name "Label Expressie Datatype":
<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 "------":
<td />
Name "":
<td />
Name "Surname (surname)":
<td />
Name "------":
<td />
Name "":
<td />
Name "Can apply? (canApply)":
<td />
Name "------":
<td />
Name "":
<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>
<option
value="some-other-engine"
>
Some other engine
</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="approve-payment"
>
Approve payment
</option>
<option
value="invoiceClassification"
>
Invoice Classification
</option>
<option
value="withComplexExpressions"
>
Complex expression in inputs
</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>
</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="income"
>
Income (income)
</option>
<option
value="canApply"
>
Can apply? (canApply)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
disabled=""
id="id_inputMapping.0.dmnVariable"
name="inputMapping.0.dmnVariable"
>
<option
value=""
>
------
</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="income"
>
Income (income)
</option>
<option
value="canApply"
>
Can apply? (canApply)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
disabled=""
id="id_inputMapping.1.dmnVariable"
name="inputMapping.1.dmnVariable"
>
<option
value=""
>
------
</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="income"
>
Income (income)
</option>
<option
value="canApply"
>
Can apply? (canApply)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
disabled=""
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
>
<option
value=""
>
------
</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 />
</table>
</section>
</div>
<div
class="submit-row"
>
<input
name="_save"
type="submit"
value="Save"
/>
</div>
</form>
</div>
</div>View in Storybook
Chrome 1211168x685
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 "Form 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"
disabled=""
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"
disabled=""
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"
disabled=""
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
/>
--------------------------------------------------
option:
Name "------":
<option
value=""
/>
Name "Camunda 7":
<option
value="camunda7"
/>
Name "Some other engine":
<option
value="some-other-engine"
/>
Name "------":
<option
value=""
/>
Name "Approve payment":
<option
value="approve-payment"
/>
Name "Invoice Classification":
<option
value="invoiceClassification"
/>
Name "Complex expression in inputs":
<option
value="withComplexExpressions"
/>
Name "------":
<option
value=""
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Income (income)":
<option
value="income"
/>
Name "Can apply? (canApply)":
<option
value="canApply"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Income (income)":
<option
value="income"
/>
Name "Can apply? (canApply)":
<option
value="canApply"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
Name "------":
<option
value=""
/>
Name "Name (name)":
<option
value="name"
/>
Name "Surname (surname)":
<option
value="surname"
/>
Name "Income (income)":
<option
value="income"
/>
Name "Can apply? (canApply)":
<option
value="canApply"
/>
Name "Postcode (postcode)":
<option
value="postcode"
/>
Name "------":
<option
value=""
/>
--------------------------------------------------
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) ------":
<tr />
Name "Surname (surname) ------":
<tr />
Name "Open Formulieren-variabele DMN variabele":
<tr />
Name "Can apply? (canApply) ------":
<tr />
Name "Label Expressie Datatype":
<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 "------":
<td />
Name "":
<td />
Name "Surname (surname)":
<td />
Name "------":
<td />
Name "":
<td />
Name "Can apply? (canApply)":
<td />
Name "------":
<td />
Name "":
<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>
<option
value="some-other-engine"
>
Some other engine
</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="approve-payment"
>
Approve payment
</option>
<option
value="invoiceClassification"
>
Invoice Classification
</option>
<option
value="withComplexExpressions"
>
Complex expression in inputs
</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>
</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="income"
>
Income (income)
</option>
<option
value="canApply"
>
Can apply? (canApply)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
disabled=""
id="id_inputMapping.0.dmnVariable"
name="inputMapping.0.dmnVariable"
>
<option
value=""
>
------
</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="income"
>
Income (income)
</option>
<option
value="canApply"
>
Can apply? (canApply)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
disabled=""
id="id_inputMapping.1.dmnVariable"
name="inputMapping.1.dmnVariable"
>
<option
value=""
>
------
</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="income"
>
Income (income)
</option>
<option
value="canApply"
>
Can apply? (canApply)
</option>
<option
value="postcode"
>
Postcode (postcode)
</option>
</select>
</div>
</div>
</td>
<td>
<div
class=""
>
<div
class="flex-container"
>
<select
aria-label="DMN-variabele"
disabled=""
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
>
<option
value=""
>
------
</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 />
</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 play (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3412.6ffc721e.iframe.bundle.js:2:33129)
at async https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/sb-preview/runtime.js:144:3897
at async StoryRender.runPhase (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/sb-preview/runtime.js:144:937)
at async StoryRender.render (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/sb-preview/runtime.js:144:3845)