Fail
Unable to find an element with the text: Something went wrong when fectching the available Objecttypes and versions. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<fieldset
class="module aligned "
>
<div
class="form-row"
>
<div
class=""
>
<div
class="flex-container"
>
<div
class="react-tabs"
data-rttabs="true"
>
<ul
class="react-tabs__tab-list"
role="tablist"
>
<li
aria-controls="panel:r0:0"
aria-disabled="false"
aria-selected="false"
class="react-tabs__tab"
data-rttab="true"
id="tab:r0:0"
role="tab"
>
Verouderd (sjabloon)
</li>
<li
aria-controls="panel:r0:1"
aria-disabled="false"
aria-selected="true"
class="react-tabs__tab react-tabs__tab--selected"
data-rttab="true"
id="tab:r0:1"
role="tab"
tabindex="0"
>
Variabelekoppelingen
</li>
</ul>
<div
aria-labelledby="tab:r0:0"
class="react-tabs__tab-panel"
id="panel:r0:0"
role="tabpanel"
/>
<div
aria-labelledby="tab:r0:1"
class="react-tabs__tab-panel react-tabs__tab-panel--selected"
id="panel:r0:1"
role="tabpanel"
>
<form
class="rjsf"
name="form.registrationBackendOptions"
>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<div
class="rjsf-field__input"
>
<fieldset
id="root"
>
<div
class="error-message"
>
<span
class="error-message__icon icon icon--danger icon--as-lead"
>
<i
class="fa-solid fa-exclamation-circle"
title="error"
/>
</span>
<div
class="error-message__children"
>
Er ging iets fout bij het ophalen van de beschikbare objecttypen en versies.
</div>
</div>
</fieldset>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<fieldset
class="module aligned "
>
<div
class="form-row"
>
<div
class=""
>
<div
class="flex-container"
>
<div
class="react-tabs"
data-rttabs="true"
>
<ul
class="react-tabs__tab-list"
role="tablist"
>
<li
aria-controls="panel:r0:0"
aria-disabled="false"
aria-selected="false"
class="react-tabs__tab"
data-rttab="true"
id="tab:r0:0"
role="tab"
>
Verouderd (sjabloon)
</li>
<li
aria-controls="panel:r0:1"
aria-disabled="false"
aria-selected="true"
class="react-tabs__tab react-tabs__tab--selected"
data-rttab="true"
id="tab:r0:1"
role="tab"
tabindex="0"
>
Variabelekoppelingen
</li>
</ul>
<div
aria-labelledby="tab:r0:0"
class="react-tabs__tab-panel"
id="panel:r0:0"
role="tabpanel"
/>
<div
aria-labelledby="tab:r0:1"
class="react-tabs__tab-panel react-tabs__tab-panel--selected"
id="panel:r0:1"
role="tabpanel"
>
<form
class="rjsf"
name="form.registrationBackendOptions"
>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<div
class="rjsf-field__input"
>
<fieldset
id="root"
>
<div
class="error-message"
>
<span
class="error-message__icon icon icon--danger icon--as-lead"
>
<i
class="fa-solid fa-exclamation-circle"
title="error"
/>
</span>
<div
class="error-message__children"
>
Er ging iets fout bij het ophalen van de beschikbare objecttypen en versies.
</div>
</div>
</fieldset>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>View in Storybook
Chrome 1211168x134
Linux Ubuntu 24.04.4
cc5ede on master
Caught exception in
play functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
Error: Unable to find an element with the text: Something went wrong when fectching the available Objecttypes and versions. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<fieldset
class="module aligned "
>
<div
class="form-row"
>
<div
class=""
>
<div
class="flex-container"
>
<div
class="react-tabs"
data-rttabs="true"
>
<ul
class="react-tabs__tab-list"
role="tablist"
>
<li
aria-controls="panel:r0:0"
aria-disabled="false"
aria-selected="false"
class="react-tabs__tab"
data-rttab="true"
id="tab:r0:0"
role="tab"
>
Verouderd (sjabloon)
</li>
<li
aria-controls="panel:r0:1"
aria-disabled="false"
aria-selected="true"
class="react-tabs__tab react-tabs__tab--selected"
data-rttab="true"
id="tab:r0:1"
role="tab"
tabindex="0"
>
Variabelekoppelingen
</li>
</ul>
<div
aria-labelledby="tab:r0:0"
class="react-tabs__tab-panel"
id="panel:r0:0"
role="tabpanel"
/>
<div
aria-labelledby="tab:r0:1"
class="react-tabs__tab-panel react-tabs__tab-panel--selected"
id="panel:r0:1"
role="tabpanel"
>
<form
class="rjsf"
name="form.registrationBackendOptions"
>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<div
class="rjsf-field__input"
>
<fieldset
id="root"
>
<div
class="error-message"
>
<span
class="error-message__icon icon icon--danger icon--as-lead"
>
<i
class="fa-solid fa-exclamation-circle"
title="error"
/>
</span>
<div
class="error-message__children"
>
Er ging iets fout bij het ophalen van de beschikbare objecttypen en versies.
</div>
</div>
</fieldset>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>
at waitForWrapper (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:642319)
at https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:644507
at Object.invoke (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/9466.084c9cea.iframe.bundle.js:401:114063)
at Object.intercept (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/9466.084c9cea.iframe.bundle.js:401:111151)
at Object.track (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/9466.084c9cea.iframe.bundle.js:401:110770)
at Object.findByText (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/9466.084c9cea.iframe.bundle.js:401:109848)
at play (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/components-admin-form_design-registrations-objectsapi-ObjectsApiOptionsFormFields-stories.f1556a7d.iframe.bundle.js:1:7513)
at async https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/sb-preview/runtime.js:144:3897
at async StoryRender.runPhase (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/sb-preview/runtime.js:144:937)
at async StoryRender.render (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/sb-preview/runtime.js:144:3845)