mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2025-11-04 01:47:25 +03:00
dfa6c937c3
* chore(deps): update jest monorepo to v30 * Update snapshot * Update * Update --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Nathan Bierema <nbierema@gmail.com>
1136 lines
30 KiB
Plaintext
1136 lines
30 KiB
Plaintext
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
|
|
exports[`Form renders correctly 1`] = `
|
|
<form
|
|
class="css-yd7kx"
|
|
>
|
|
<div
|
|
class="form-group field field-object"
|
|
>
|
|
<fieldset
|
|
id="root"
|
|
>
|
|
<legend
|
|
id="root__title"
|
|
>
|
|
Example form
|
|
</legend>
|
|
<p
|
|
class="field-description"
|
|
id="root__description"
|
|
>
|
|
A simple form example.
|
|
</p>
|
|
<div
|
|
class="form-group field field-string"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_name"
|
|
>
|
|
Full name
|
|
<span
|
|
class="required"
|
|
>
|
|
*
|
|
</span>
|
|
</label>
|
|
<input
|
|
aria-describedby="root_name__error root_name__description root_name__help"
|
|
class="form-control"
|
|
id="root_name"
|
|
label="Full name"
|
|
name="root_name"
|
|
placeholder=""
|
|
required=""
|
|
type="text"
|
|
value="Chuck Norris"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="form-group field field-integer"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_age"
|
|
>
|
|
Age
|
|
</label>
|
|
<input
|
|
aria-describedby="root_age__error root_age__description root_age__help"
|
|
class="form-control"
|
|
id="root_age"
|
|
label="Age"
|
|
name="root_age"
|
|
placeholder=""
|
|
type="number"
|
|
value="75"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="form-group field field-string"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_bio"
|
|
>
|
|
Bio
|
|
</label>
|
|
<textarea
|
|
aria-describedby="root_bio__error root_bio__description root_bio__help"
|
|
class="form-control"
|
|
id="root_bio"
|
|
name="root_bio"
|
|
placeholder=""
|
|
>
|
|
Roundhouse kicking asses since 1940
|
|
</textarea>
|
|
</div>
|
|
<div
|
|
class="form-group field field-string"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_password"
|
|
>
|
|
Password
|
|
</label>
|
|
<input
|
|
aria-describedby="root_password__error root_password__description root_password__help"
|
|
class="form-control"
|
|
id="root_password"
|
|
label="Password"
|
|
name="root_password"
|
|
placeholder=""
|
|
type="password"
|
|
value="noneed"
|
|
/>
|
|
<p
|
|
class="help-block"
|
|
id="root_password__help"
|
|
>
|
|
Hint: Make it strong!
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="form-group field field-array"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_multipleChoicesList"
|
|
>
|
|
A multiple choices list
|
|
</label>
|
|
<div
|
|
class="checkboxes"
|
|
id="root_multipleChoicesList"
|
|
>
|
|
<div
|
|
class="checkbox "
|
|
>
|
|
<label>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_multipleChoicesList__error root_multipleChoicesList__description root_multipleChoicesList__help"
|
|
id="root_multipleChoicesList-0"
|
|
name="root_multipleChoicesList"
|
|
type="checkbox"
|
|
value="0"
|
|
/>
|
|
<span>
|
|
foo
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="checkbox "
|
|
>
|
|
<label>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_multipleChoicesList__error root_multipleChoicesList__description root_multipleChoicesList__help"
|
|
id="root_multipleChoicesList-1"
|
|
name="root_multipleChoicesList"
|
|
type="checkbox"
|
|
value="1"
|
|
/>
|
|
<span>
|
|
bar
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="checkbox "
|
|
>
|
|
<label>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_multipleChoicesList__error root_multipleChoicesList__description root_multipleChoicesList__help"
|
|
id="root_multipleChoicesList-2"
|
|
name="root_multipleChoicesList"
|
|
type="checkbox"
|
|
value="2"
|
|
/>
|
|
<span>
|
|
fuzz
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group field field-number"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_numberEnum"
|
|
>
|
|
Number enum
|
|
</label>
|
|
<div
|
|
class="css-18o3wl1-container"
|
|
id="root_numberEnum"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-2-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
role="log"
|
|
/>
|
|
<div
|
|
class="css-10g0wlc-control"
|
|
>
|
|
<div
|
|
class="css-1uzcsaf"
|
|
>
|
|
<div
|
|
class="css-1m6ztbo-placeholder"
|
|
id="react-select-2-placeholder"
|
|
/>
|
|
<div
|
|
class="css-fty6pr"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-activedescendant=""
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-2-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-required="false"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class=""
|
|
id="react-select-2-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="color: inherit; background: 0px; opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="css-1wy0on6"
|
|
>
|
|
<span
|
|
class="css-19norqf-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="css-17vo4tq-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input
|
|
name="numberEnum"
|
|
type="hidden"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group field field-number"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_numberEnumRadio"
|
|
>
|
|
Number enum
|
|
</label>
|
|
<div
|
|
class="field-radio-group"
|
|
id="root_numberEnumRadio"
|
|
>
|
|
<label
|
|
class="radio-inline "
|
|
>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_numberEnumRadio__error root_numberEnumRadio__description root_numberEnumRadio__help"
|
|
id="root_numberEnumRadio-0"
|
|
name="root_numberEnumRadio"
|
|
type="radio"
|
|
value="0"
|
|
/>
|
|
<span>
|
|
1
|
|
</span>
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="radio-inline "
|
|
>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_numberEnumRadio__error root_numberEnumRadio__description root_numberEnumRadio__help"
|
|
id="root_numberEnumRadio-1"
|
|
name="root_numberEnumRadio"
|
|
type="radio"
|
|
value="1"
|
|
/>
|
|
<span>
|
|
2
|
|
</span>
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="radio-inline "
|
|
>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_numberEnumRadio__error root_numberEnumRadio__description root_numberEnumRadio__help"
|
|
id="root_numberEnumRadio-2"
|
|
name="root_numberEnumRadio"
|
|
type="radio"
|
|
value="2"
|
|
/>
|
|
<span>
|
|
3
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group field field-integer"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_integerRange"
|
|
>
|
|
Integer range
|
|
</label>
|
|
<div
|
|
class="css-1vryedt"
|
|
>
|
|
<div
|
|
class="css-nc7xvn"
|
|
>
|
|
<input
|
|
id="root_integerRange"
|
|
max="100"
|
|
min="42"
|
|
name="integerRange"
|
|
placeholder=""
|
|
type="range"
|
|
uischema="[object Object]"
|
|
value="52"
|
|
/>
|
|
<div>
|
|
52
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div
|
|
class="css-q8f4aw"
|
|
>
|
|
<button
|
|
class="css-g2zi5"
|
|
type="submit"
|
|
>
|
|
Submit
|
|
</button>
|
|
</div>
|
|
</form>
|
|
`;
|
|
|
|
exports[`Form renders with no button 1`] = `
|
|
<form
|
|
class="css-yd7kx"
|
|
>
|
|
<div
|
|
class="form-group field field-object"
|
|
>
|
|
<fieldset
|
|
id="root"
|
|
>
|
|
<legend
|
|
id="root__title"
|
|
>
|
|
Example form
|
|
</legend>
|
|
<p
|
|
class="field-description"
|
|
id="root__description"
|
|
>
|
|
A simple form example.
|
|
</p>
|
|
<div
|
|
class="form-group field field-string"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_name"
|
|
>
|
|
Full name
|
|
<span
|
|
class="required"
|
|
>
|
|
*
|
|
</span>
|
|
</label>
|
|
<input
|
|
aria-describedby="root_name__error root_name__description root_name__help"
|
|
class="form-control"
|
|
id="root_name"
|
|
label="Full name"
|
|
name="root_name"
|
|
placeholder=""
|
|
required=""
|
|
type="text"
|
|
value="Chuck Norris"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="form-group field field-integer"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_age"
|
|
>
|
|
Age
|
|
</label>
|
|
<input
|
|
aria-describedby="root_age__error root_age__description root_age__help"
|
|
class="form-control"
|
|
id="root_age"
|
|
label="Age"
|
|
name="root_age"
|
|
placeholder=""
|
|
type="number"
|
|
value="75"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="form-group field field-string"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_bio"
|
|
>
|
|
Bio
|
|
</label>
|
|
<textarea
|
|
aria-describedby="root_bio__error root_bio__description root_bio__help"
|
|
class="form-control"
|
|
id="root_bio"
|
|
name="root_bio"
|
|
placeholder=""
|
|
>
|
|
Roundhouse kicking asses since 1940
|
|
</textarea>
|
|
</div>
|
|
<div
|
|
class="form-group field field-string"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_password"
|
|
>
|
|
Password
|
|
</label>
|
|
<input
|
|
aria-describedby="root_password__error root_password__description root_password__help"
|
|
class="form-control"
|
|
id="root_password"
|
|
label="Password"
|
|
name="root_password"
|
|
placeholder=""
|
|
type="password"
|
|
value="noneed"
|
|
/>
|
|
<p
|
|
class="help-block"
|
|
id="root_password__help"
|
|
>
|
|
Hint: Make it strong!
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="form-group field field-array"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_multipleChoicesList"
|
|
>
|
|
A multiple choices list
|
|
</label>
|
|
<div
|
|
class="checkboxes"
|
|
id="root_multipleChoicesList"
|
|
>
|
|
<div
|
|
class="checkbox "
|
|
>
|
|
<label>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_multipleChoicesList__error root_multipleChoicesList__description root_multipleChoicesList__help"
|
|
id="root_multipleChoicesList-0"
|
|
name="root_multipleChoicesList"
|
|
type="checkbox"
|
|
value="0"
|
|
/>
|
|
<span>
|
|
foo
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="checkbox "
|
|
>
|
|
<label>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_multipleChoicesList__error root_multipleChoicesList__description root_multipleChoicesList__help"
|
|
id="root_multipleChoicesList-1"
|
|
name="root_multipleChoicesList"
|
|
type="checkbox"
|
|
value="1"
|
|
/>
|
|
<span>
|
|
bar
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="checkbox "
|
|
>
|
|
<label>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_multipleChoicesList__error root_multipleChoicesList__description root_multipleChoicesList__help"
|
|
id="root_multipleChoicesList-2"
|
|
name="root_multipleChoicesList"
|
|
type="checkbox"
|
|
value="2"
|
|
/>
|
|
<span>
|
|
fuzz
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group field field-number"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_numberEnum"
|
|
>
|
|
Number enum
|
|
</label>
|
|
<div
|
|
class="css-18o3wl1-container"
|
|
id="root_numberEnum"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-4-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
role="log"
|
|
/>
|
|
<div
|
|
class="css-10g0wlc-control"
|
|
>
|
|
<div
|
|
class="css-1uzcsaf"
|
|
>
|
|
<div
|
|
class="css-1m6ztbo-placeholder"
|
|
id="react-select-4-placeholder"
|
|
/>
|
|
<div
|
|
class="css-fty6pr"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-activedescendant=""
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-4-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-required="false"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class=""
|
|
id="react-select-4-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="color: inherit; background: 0px; opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="css-1wy0on6"
|
|
>
|
|
<span
|
|
class="css-19norqf-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="css-17vo4tq-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input
|
|
name="numberEnum"
|
|
type="hidden"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group field field-number"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_numberEnumRadio"
|
|
>
|
|
Number enum
|
|
</label>
|
|
<div
|
|
class="field-radio-group"
|
|
id="root_numberEnumRadio"
|
|
>
|
|
<label
|
|
class="radio-inline "
|
|
>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_numberEnumRadio__error root_numberEnumRadio__description root_numberEnumRadio__help"
|
|
id="root_numberEnumRadio-0"
|
|
name="root_numberEnumRadio"
|
|
type="radio"
|
|
value="0"
|
|
/>
|
|
<span>
|
|
1
|
|
</span>
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="radio-inline "
|
|
>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_numberEnumRadio__error root_numberEnumRadio__description root_numberEnumRadio__help"
|
|
id="root_numberEnumRadio-1"
|
|
name="root_numberEnumRadio"
|
|
type="radio"
|
|
value="1"
|
|
/>
|
|
<span>
|
|
2
|
|
</span>
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="radio-inline "
|
|
>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_numberEnumRadio__error root_numberEnumRadio__description root_numberEnumRadio__help"
|
|
id="root_numberEnumRadio-2"
|
|
name="root_numberEnumRadio"
|
|
type="radio"
|
|
value="2"
|
|
/>
|
|
<span>
|
|
3
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group field field-integer"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_integerRange"
|
|
>
|
|
Integer range
|
|
</label>
|
|
<div
|
|
class="css-1vryedt"
|
|
>
|
|
<div
|
|
class="css-nc7xvn"
|
|
>
|
|
<input
|
|
id="root_integerRange"
|
|
max="100"
|
|
min="42"
|
|
name="integerRange"
|
|
placeholder=""
|
|
type="range"
|
|
uischema="[object Object]"
|
|
value="52"
|
|
/>
|
|
<div>
|
|
52
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<noscript />
|
|
</form>
|
|
`;
|
|
|
|
exports[`Form renders with primary button 1`] = `
|
|
<form
|
|
class="css-yd7kx"
|
|
>
|
|
<div
|
|
class="form-group field field-object"
|
|
>
|
|
<fieldset
|
|
id="root"
|
|
>
|
|
<legend
|
|
id="root__title"
|
|
>
|
|
Example form
|
|
</legend>
|
|
<p
|
|
class="field-description"
|
|
id="root__description"
|
|
>
|
|
A simple form example.
|
|
</p>
|
|
<div
|
|
class="form-group field field-string"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_name"
|
|
>
|
|
Full name
|
|
<span
|
|
class="required"
|
|
>
|
|
*
|
|
</span>
|
|
</label>
|
|
<input
|
|
aria-describedby="root_name__error root_name__description root_name__help"
|
|
class="form-control"
|
|
id="root_name"
|
|
label="Full name"
|
|
name="root_name"
|
|
placeholder=""
|
|
required=""
|
|
type="text"
|
|
value="Chuck Norris"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="form-group field field-integer"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_age"
|
|
>
|
|
Age
|
|
</label>
|
|
<input
|
|
aria-describedby="root_age__error root_age__description root_age__help"
|
|
class="form-control"
|
|
id="root_age"
|
|
label="Age"
|
|
name="root_age"
|
|
placeholder=""
|
|
type="number"
|
|
value="75"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="form-group field field-string"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_bio"
|
|
>
|
|
Bio
|
|
</label>
|
|
<textarea
|
|
aria-describedby="root_bio__error root_bio__description root_bio__help"
|
|
class="form-control"
|
|
id="root_bio"
|
|
name="root_bio"
|
|
placeholder=""
|
|
>
|
|
Roundhouse kicking asses since 1940
|
|
</textarea>
|
|
</div>
|
|
<div
|
|
class="form-group field field-string"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_password"
|
|
>
|
|
Password
|
|
</label>
|
|
<input
|
|
aria-describedby="root_password__error root_password__description root_password__help"
|
|
class="form-control"
|
|
id="root_password"
|
|
label="Password"
|
|
name="root_password"
|
|
placeholder=""
|
|
type="password"
|
|
value="noneed"
|
|
/>
|
|
<p
|
|
class="help-block"
|
|
id="root_password__help"
|
|
>
|
|
Hint: Make it strong!
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="form-group field field-array"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_multipleChoicesList"
|
|
>
|
|
A multiple choices list
|
|
</label>
|
|
<div
|
|
class="checkboxes"
|
|
id="root_multipleChoicesList"
|
|
>
|
|
<div
|
|
class="checkbox "
|
|
>
|
|
<label>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_multipleChoicesList__error root_multipleChoicesList__description root_multipleChoicesList__help"
|
|
id="root_multipleChoicesList-0"
|
|
name="root_multipleChoicesList"
|
|
type="checkbox"
|
|
value="0"
|
|
/>
|
|
<span>
|
|
foo
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="checkbox "
|
|
>
|
|
<label>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_multipleChoicesList__error root_multipleChoicesList__description root_multipleChoicesList__help"
|
|
id="root_multipleChoicesList-1"
|
|
name="root_multipleChoicesList"
|
|
type="checkbox"
|
|
value="1"
|
|
/>
|
|
<span>
|
|
bar
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="checkbox "
|
|
>
|
|
<label>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_multipleChoicesList__error root_multipleChoicesList__description root_multipleChoicesList__help"
|
|
id="root_multipleChoicesList-2"
|
|
name="root_multipleChoicesList"
|
|
type="checkbox"
|
|
value="2"
|
|
/>
|
|
<span>
|
|
fuzz
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group field field-number"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_numberEnum"
|
|
>
|
|
Number enum
|
|
</label>
|
|
<div
|
|
class="css-18o3wl1-container"
|
|
id="root_numberEnum"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-3-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
role="log"
|
|
/>
|
|
<div
|
|
class="css-10g0wlc-control"
|
|
>
|
|
<div
|
|
class="css-1uzcsaf"
|
|
>
|
|
<div
|
|
class="css-1m6ztbo-placeholder"
|
|
id="react-select-3-placeholder"
|
|
/>
|
|
<div
|
|
class="css-fty6pr"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-activedescendant=""
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-3-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-required="false"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class=""
|
|
id="react-select-3-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="color: inherit; background: 0px; opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="css-1wy0on6"
|
|
>
|
|
<span
|
|
class="css-19norqf-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="css-17vo4tq-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input
|
|
name="numberEnum"
|
|
type="hidden"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group field field-number"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_numberEnumRadio"
|
|
>
|
|
Number enum
|
|
</label>
|
|
<div
|
|
class="field-radio-group"
|
|
id="root_numberEnumRadio"
|
|
>
|
|
<label
|
|
class="radio-inline "
|
|
>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_numberEnumRadio__error root_numberEnumRadio__description root_numberEnumRadio__help"
|
|
id="root_numberEnumRadio-0"
|
|
name="root_numberEnumRadio"
|
|
type="radio"
|
|
value="0"
|
|
/>
|
|
<span>
|
|
1
|
|
</span>
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="radio-inline "
|
|
>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_numberEnumRadio__error root_numberEnumRadio__description root_numberEnumRadio__help"
|
|
id="root_numberEnumRadio-1"
|
|
name="root_numberEnumRadio"
|
|
type="radio"
|
|
value="1"
|
|
/>
|
|
<span>
|
|
2
|
|
</span>
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="radio-inline "
|
|
>
|
|
<span>
|
|
<input
|
|
aria-describedby="root_numberEnumRadio__error root_numberEnumRadio__description root_numberEnumRadio__help"
|
|
id="root_numberEnumRadio-2"
|
|
name="root_numberEnumRadio"
|
|
type="radio"
|
|
value="2"
|
|
/>
|
|
<span>
|
|
3
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group field field-integer"
|
|
>
|
|
<label
|
|
class="control-label"
|
|
for="root_integerRange"
|
|
>
|
|
Integer range
|
|
</label>
|
|
<div
|
|
class="css-1vryedt"
|
|
>
|
|
<div
|
|
class="css-nc7xvn"
|
|
>
|
|
<input
|
|
id="root_integerRange"
|
|
max="100"
|
|
min="42"
|
|
name="integerRange"
|
|
placeholder=""
|
|
type="range"
|
|
uischema="[object Object]"
|
|
value="52"
|
|
/>
|
|
<div>
|
|
52
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div
|
|
class="css-q8f4aw"
|
|
>
|
|
<button
|
|
class="css-1td9y62"
|
|
type="submit"
|
|
>
|
|
Custom button
|
|
</button>
|
|
</div>
|
|
</form>
|
|
`;
|