The baseline is taller than the new snapshot (1168x785 to 1168x506).
Fail
Unable to find a label with the text of: Objects API group
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="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label required"
for="root_objectsApiGroup"
>
Objecten API-groep
</label>
<div
class="rjsf-field__input"
>
<select
id="root_objectsApiGroup"
name="objectsApiGroup"
>
<option
value=""
>
------
</option>
<option
value="1"
>
Objects API group 1
</option>
<option
value="2"
>
Objects API group 2
</option>
</select>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="Selecteer de Objecten API-groep."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label required"
for="root_objecttype"
>
Objecttype
</label>
<div
class="rjsf-field__input"
>
<select
id="root_objecttype"
name="objecttype"
>
<option
value="..."
>
(ophalen gegevens...)
</option>
</select>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="UUID van het 'ProductAanvraag'-objecttype in de Objecttypen API. Het objecttype moet de volgende drie attributen hebben: \"submission_id\", \"type\" (het type productaanvraag) en \"data\" (de ingevoerde formuliergegevens)"
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label required"
for="root_objecttypeVersion"
>
Objecttypeversie
</label>
<div
class="rjsf-field__input"
>
<select
id="root_objecttypeVersion"
name="objecttypeVersion"
>
<option
value="..."
>
(ophalen gegevens...)
</option>
</select>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="Versie van het objecttype in de Objecttypen-API"
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_informatieobjecttypeSubmissionReport"
>
Informatieobjecttype inzendings-PDF
</label>
<div
class="rjsf-field__input"
>
<input
class="vTextField"
id="root_informatieobjecttypeSubmissionReport"
name="informatieobjecttypeSubmissionReport"
type="text"
value=""
/>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="URL naar het INFORMATIEOBJECTTYPE in een Catalogi API die wordt gebruikt voor het PDF-document."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_uploadSubmissionCsv"
>
CSV-inzendingsbestand uploaden
</label>
<div
class="rjsf-field__input"
>
<div
class="flex-container checkbox-row"
>
<input
id="root_uploadSubmissionCsv"
name="uploadSubmissionCsv"
type="checkbox"
value=""
/>
<label
class="inline vCheckboxLabel"
for="id_uploadSubmissionCsv"
/>
</div>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="Geeft aan of de inzendingsgegevens als CSV in de Documenten API moet geüpload worden. De resource-URL wordt dan toegevoegd aan de objectgegevens."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_informatieobjecttypeSubmissionCsv"
>
informatieobjecttype CSV-document met inzendingsgegevens
</label>
<div
class="rjsf-field__input"
>
<input
class="vTextField"
id="root_informatieobjecttypeSubmissionCsv"
name="informatieobjecttypeSubmissionCsv"
type="text"
value=""
/>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="URL naar het INFORMATIEOBJECTTYPE in een Catalogi API die wordt gebruikt voor het CSV-document."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_informatieobjecttypeAttachment"
>
Informatieobjecttype bijlagen
</label>
<div
class="rjsf-field__input"
>
<input
class="vTextField"
id="root_informatieobjecttypeAttachment"
name="informatieobjecttypeAttachment"
type="text"
value=""
/>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="URL naar het INFORMATIEOBJECTTYPE in een Catalogi API die wordt gebruikt voor de bijlagen."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_organisatieRsin"
>
Organisatie-RSIN
</label>
<div
class="rjsf-field__input"
>
<input
class="vTextField"
id="root_organisatieRsin"
name="organisatieRsin"
type="text"
value=""
/>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="RSIN van de organisatie die het INFORMATIEOBJECT aanmaakt"
/>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>View in Storybook
Chrome 1211168x506
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 a label with the text of: Objects API group
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="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label required"
for="root_objectsApiGroup"
>
Objecten API-groep
</label>
<div
class="rjsf-field__input"
>
<select
id="root_objectsApiGroup"
name="objectsApiGroup"
>
<option
value=""
>
------
</option>
<option
value="1"
>
Objects API group 1
</option>
<option
value="2"
>
Objects API group 2
</option>
</select>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="Selecteer de Objecten API-groep."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label required"
for="root_objecttype"
>
Objecttype
</label>
<div
class="rjsf-field__input"
>
<select
id="root_objecttype"
name="objecttype"
>
<option
value="..."
>
(ophalen gegevens...)
</option>
</select>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="UUID van het 'ProductAanvraag'-objecttype in de Objecttypen API. Het objecttype moet de volgende drie attributen hebben: \"submission_id\", \"type\" (het type productaanvraag) en \"data\" (de ingevoerde formuliergegevens)"
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label required"
for="root_objecttypeVersion"
>
Objecttypeversie
</label>
<div
class="rjsf-field__input"
>
<select
id="root_objecttypeVersion"
name="objecttypeVersion"
>
<option
value="..."
>
(ophalen gegevens...)
</option>
</select>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="Versie van het objecttype in de Objecttypen-API"
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_informatieobjecttypeSubmissionReport"
>
Informatieobjecttype inzendings-PDF
</label>
<div
class="rjsf-field__input"
>
<input
class="vTextField"
id="root_informatieobjecttypeSubmissionReport"
name="informatieobjecttypeSubmissionReport"
type="text"
value=""
/>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="URL naar het INFORMATIEOBJECTTYPE in een Catalogi API die wordt gebruikt voor het PDF-document."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_uploadSubmissionCsv"
>
CSV-inzendingsbestand uploaden
</label>
<div
class="rjsf-field__input"
>
<div
class="flex-container checkbox-row"
>
<input
id="root_uploadSubmissionCsv"
name="uploadSubmissionCsv"
type="checkbox"
value=""
/>
<label
class="inline vCheckboxLabel"
for="id_uploadSubmissionCsv"
/>
</div>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="Geeft aan of de inzendingsgegevens als CSV in de Documenten API moet geüpload worden. De resource-URL wordt dan toegevoegd aan de objectgegevens."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_informatieobjecttypeSubmissionCsv"
>
informatieobjecttype CSV-document met inzendingsgegevens
</label>
<div
class="rjsf-field__input"
>
<input
class="vTextField"
id="root_informatieobjecttypeSubmissionCsv"
name="informatieobjecttypeSubmissionCsv"
type="text"
value=""
/>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="URL naar het INFORMATIEOBJECTTYPE in een Catalogi API die wordt gebruikt voor het CSV-document."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_informatieobjecttypeAttachment"
>
Informatieobjecttype bijlagen
</label>
<div
class="rjsf-field__input"
>
<input
class="vTextField"
id="root_informatieobjecttypeAttachment"
name="informatieobjecttypeAttachment"
type="text"
value=""
/>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="URL naar het INFORMATIEOBJECTTYPE in een Catalogi API die wordt gebruikt voor de bijlagen."
/>
</div>
</div>
</div>
<div
class="rjsf-field"
>
<div
class="rjsf-field__field "
>
<label
class="rjsf-field__label "
for="root_organisatieRsin"
>
Organisatie-RSIN
</label>
<div
class="rjsf-field__input"
>
<input
class="vTextField"
id="root_organisatieRsin"
name="organisatieRsin"
type="text"
value=""
/>
</div>
<div
class="rjsf-field__help"
>
<i
class="fa-solid fa-question-circle"
title="RSIN van de organisatie die het INFORMATIEOBJECT aanmaakt"
/>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>
at Object.getElementError (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:628088)
at getAllByLabelText (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:649899)
at https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:643619
at https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:644812
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.getByLabelText (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/9466.c102efb7.iframe.bundle.js:401:109848)
at play (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/components-admin-form_design-registrations-objectsapi-ObjectsApiOptionsFormFields-stories.abc5c8ce.iframe.bundle.js:1:5288)
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)