Reviewing disabled
View Storybook
Fail
ObjectsApiOptionsFormFields.stories.js
Unable to find a label with the text of: Objecttype version

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_objecttype"
                            >
                              Objecttype
                            </label>
                            <div
                              class="rjsf-field__input"
                            >
                              <select
                                id="root_objecttype"
                                name="objecttype"
                              >
                                <option
                                  value="https://objecttypen.nl/api/v1/objecttypes/2c77babf-a967-4057-9969-0200320d23f1"
                                >
                                  Tree (open)
                                </option>
                                <option
                                  value="https://objecttypen.nl/api/v1/objecttypes/2c77babf-a967-4057-9969-0200320d23f2"
                                >
                                  Person (open)
                                </option>
                              </select>
                            </div>
                            <div
                              class="rjsf-field__help"
                            >
                              <i
                                class="fa-solid fa-question-circle"
                                title="URL naar het OBJECTTYPE voor de 'ProductAanvraag' in de Objecttypen API. Het objecttype moet de volgende drie attributen bevatten:  \"submission_id\", \"type\" (het type van de 'ProductAanvraag') en \"data\" (de ingezonden 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="2"
                                >
                                  2 (draft)
                                </option>
                                <option
                                  value="1"
                                >
                                  1 (published)
                                </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 121
1168x461
Linux Ubuntu 24.04.4
cc5ede on master
Caught exception in play function

This 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: Objecttype version

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_objecttype"
                            >
                              Objecttype
                            </label>
                            <div
                              class="rjsf-field__input"
                            >
                              <select
                                id="root_objecttype"
                                name="objecttype"
                              >
                                <option
                                  value="https://objecttypen.nl/api/v1/objecttypes/2c77babf-a967-4057-9969-0200320d23f1"
                                >
                                  Tree (open)
                                </option>
                                <option
                                  value="https://objecttypen.nl/api/v1/objecttypes/2c77babf-a967-4057-9969-0200320d23f2"
                                >
                                  Person (open)
                                </option>
                              </select>
                            </div>
                            <div
                              class="rjsf-field__help"
                            >
                              <i
                                class="fa-solid fa-question-circle"
                                title="URL naar het OBJECTTYPE voor de 'ProductAanvraag' in de Objecttypen API. Het objecttype moet de volgende drie attributen bevatten:  \"submission_id\", \"type\" (het type van de 'ProductAanvraag') en \"data\" (de ingezonden 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="2"
                                >
                                  2 (draft)
                                </option>
                                <option
                                  value="1"
                                >
                                  1 (published)
                                </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-qcvcuapizl.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:628088)
    at getAllByLabelText (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:649899)
    at https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:643619
    at https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:644812
    at Object.invoke (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/9466.084c9cea.iframe.bundle.js:401:114063)
    at Object.track (https://63daeae83d3113a085ae6f2e-qcvcuapizl.capture-loopback.chromatic.com/9466.084c9cea.iframe.bundle.js:401:110770)
    at Object.getByLabelText (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:6610)
    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)