Fail
Unable to find a label with the text of: Form variable
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>
<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="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"
id="id_inputMapping.0.dmnVariable"
name="inputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="direction"
>
Direction
</option>
<option
value="camundaVar"
>
Camunda variable
</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"
id="id_inputMapping.1.dmnVariable"
name="inputMapping.1.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="direction"
>
Direction
</option>
<option
value="port"
>
Port number
</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"
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="policy"
>
Policy
</option>
<option
value="reason"
>
Reason
</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>
Direction
</td>
<td>
<code>
direction
</code>
</td>
<td>
<code>
string
</code>
</td>
</tr>
<tr>
<td>
Port number
</td>
<td>
<code>
port
</code>
</td>
<td>
<code>
integer
</code>
</td>
</tr>
<tr>
<td>
Camunda variable
</td>
<td>
<code>
camundaVar
</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>
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>
<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="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"
id="id_inputMapping.0.dmnVariable"
name="inputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="direction"
>
Direction
</option>
<option
value="camundaVar"
>
Camunda variable
</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"
id="id_inputMapping.1.dmnVariable"
name="inputMapping.1.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="direction"
>
Direction
</option>
<option
value="port"
>
Port number
</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"
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="policy"
>
Policy
</option>
<option
value="reason"
>
Reason
</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>
Direction
</td>
<td>
<code>
direction
</code>
</td>
<td>
<code>
string
</code>
</td>
</tr>
<tr>
<td>
Port number
</td>
<td>
<code>
port
</code>
</td>
<td>
<code>
integer
</code>
</td>
</tr>
<tr>
<td>
Camunda variable
</td>
<td>
<code>
camundaVar
</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 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.
Error: Unable to find a label with the text of: Form variable
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>
<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="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"
id="id_inputMapping.0.dmnVariable"
name="inputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="direction"
>
Direction
</option>
<option
value="camundaVar"
>
Camunda variable
</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"
id="id_inputMapping.1.dmnVariable"
name="inputMapping.1.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="direction"
>
Direction
</option>
<option
value="port"
>
Port number
</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"
id="id_outputMapping.0.dmnVariable"
name="outputMapping.0.dmnVariable"
>
<option
value=""
>
------
</option>
<option
value="policy"
>
Policy
</option>
<option
value="reason"
>
Reason
</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>
Direction
</td>
<td>
<code>
direction
</code>
</td>
<td>
<code>
string
</code>
</td>
</tr>
<tr>
<td>
Port number
</td>
<td>
<code>
port
</code>
</td>
<td>
<code>
integer
</code>
</td>
</tr>
<tr>
<td>
Camunda variable
</td>
<td>
<code>
camundaVar
</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 waitForWrapper (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:642319)
at https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/3049.3430c0be.iframe.bundle.js:1:644507
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.findAllByLabelText (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:30225
at https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/sb-preview/runtime.js:119:2974
at https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/9466.c102efb7.iframe.bundle.js:401:113933
at Object.step (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/9466.c102efb7.iframe.bundle.js:401:1616)
at Object.invoke (https://63daeae83d3113a085ae6f2e-zjksdbpenv.capture-loopback.chromatic.com/9466.c102efb7.iframe.bundle.js:401:114063)