feat(blocksAntd) init tests for autocomplete

This commit is contained in:
Gervwyk 2020-11-04 10:32:35 +02:00
parent 91153938cc
commit e503373c1a
2 changed files with 68 additions and 267 deletions

View File

@ -90,38 +90,32 @@
label:
colon: false
span: 4
title: "properties.label span: 12"
- id: properties.label.align_right
type: AutoComplete
properties:
label:
colon: false
align: right
title: "properties.align align: right"
- id: properties.label.inline_true
type: AutoComplete
properties:
label:
colon: false
inline: true
title: "properties.label inline: true"
- id: properties.label.disabled_true
type: AutoComplete
properties:
label:
colon: false
disabled: true
title: "properties.label disabled: true"
- id: properties.label.colon_false
type: AutoComplete
properties:
label:
colon: false
title: "properties.label colon: false"
- id: properties.label.extra_showingextra
type: AutoComplete
properties:
label:
colon: false
extra: showing extra
title: "properties.label extra: showing extra"

View File

@ -1,274 +1,81 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Render default 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{}}"
style={
Object {
"marginBottom": 0,
}
}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{}"
htmlFor="default_input"
title="default"
>
default
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<div
className="ant-select {} ant-select-auto-complete ant-select-single ant-select-allow-clear ant-select-show-search"
onBlur={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
onMouseDown={[Function]}
>
<div
className="ant-select-selector"
onClick={[Function]}
onMouseDown={[Function]}
>
<span
className="ant-select-selection-search"
>
<input
aria-activedescendant="default_input_list_0"
aria-autocomplete="list"
aria-controls="default_input_list"
aria-haspopup="listbox"
aria-owns="default_input_list"
autoComplete="off"
className="ant-select-selection-search-input"
id="default_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onPaste={[Function]}
readOnly={false}
role="combobox"
style={
Object {
"opacity": null,
}
}
type="search"
unselectable={null}
value=""
/>
</span>
<span
className="ant-select-selection-placeholder"
>
Type or select item
</span>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Render properties.options-string 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{}}"
style={
Object {
"marginBottom": 0,
}
}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{}"
htmlFor="properties.options-string_input"
title="properties.options-string"
>
properties.options-string
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<div
className="ant-select {} ant-select-auto-complete ant-select-single ant-select-allow-clear ant-select-show-search"
onBlur={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
onMouseDown={[Function]}
>
<div
className="ant-select-selector"
onClick={[Function]}
onMouseDown={[Function]}
>
<span
className="ant-select-selection-search"
>
<input
aria-activedescendant="properties.options-string_input_list_0"
aria-autocomplete="list"
aria-controls="properties.options-string_input_list"
aria-haspopup="listbox"
aria-owns="properties.options-string_input_list"
autoComplete="off"
className="ant-select-selection-search-input"
id="properties.options-string_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onPaste={[Function]}
readOnly={false}
role="combobox"
style={
Object {
"opacity": null,
}
}
type="search"
unselectable={null}
value=""
/>
</span>
<span
className="ant-select-selection-placeholder"
>
Type or select item
</span>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Render properties.title 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{}}"
style={
Object {
"marginBottom": 0,
}
}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{}"
htmlFor="properties.title_input"
title="Auto Complete Title"
>
Auto Complete Title
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<div
className="ant-select {} ant-select-auto-complete ant-select-single ant-select-allow-clear ant-select-show-search"
onBlur={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
onMouseDown={[Function]}
>
<div
className="ant-select-selector"
onClick={[Function]}
onMouseDown={[Function]}
>
<span
className="ant-select-selection-search"
>
<input
aria-activedescendant="properties.title_input_list_0"
aria-autocomplete="list"
aria-controls="properties.title_input_list"
aria-haspopup="listbox"
aria-owns="properties.title_input_list"
autoComplete="off"
className="ant-select-selection-search-input"
id="properties.title_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
onMouseDown={[Function]}
onPaste={[Function]}
readOnly={false}
role="combobox"
style={
Object {
"opacity": null,
}
}
type="search"
unselectable={null}
value=""
/>
</span>
<span
className="ant-select-selection-placeholder"
>
Type or select item
</span>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Test Schema default 1`] = `true`;
exports[`Test Schema default 2`] = `null`;
exports[`Test Schema properties.allowClear: false 1`] = `true`;
exports[`Test Schema properties.allowClear: false 2`] = `null`;
exports[`Test Schema properties.autoFocus: true 1`] = `true`;
exports[`Test Schema properties.autoFocus: true 2`] = `null`;
exports[`Test Schema properties.backfill: true 1`] = `true`;
exports[`Test Schema properties.backfill: true 2`] = `null`;
exports[`Test Schema properties.defaultActiveFirstOption: true 1`] = `true`;
exports[`Test Schema properties.defaultActiveFirstOption: true 2`] = `null`;
exports[`Test Schema properties.defaultOpen: true 1`] = `true`;
exports[`Test Schema properties.defaultOpen: true 2`] = `null`;
exports[`Test Schema properties.disabled: true 1`] = `true`;
exports[`Test Schema properties.disabled: true 2`] = `null`;
exports[`Test Schema properties.inputStyle: CSS style applied 1`] = `true`;
exports[`Test Schema properties.inputStyle: CSS style applied 2`] = `null`;
exports[`Test Schema properties.label.align_right 1`] = `true`;
exports[`Test Schema properties.label.align_right 2`] = `null`;
exports[`Test Schema properties.label.colon_false 1`] = `true`;
exports[`Test Schema properties.label.colon_false 2`] = `null`;
exports[`Test Schema properties.label.disabled_true 1`] = `true`;
exports[`Test Schema properties.label.disabled_true 2`] = `null`;
exports[`Test Schema properties.label.extra_showingextra 1`] = `true`;
exports[`Test Schema properties.label.extra_showingextra 2`] = `null`;
exports[`Test Schema properties.label.inline_true 1`] = `true`;
exports[`Test Schema properties.label.inline_true 2`] = `null`;
exports[`Test Schema properties.label.span_12 1`] = `true`;
exports[`Test Schema properties.label.span_12 2`] = `null`;
exports[`Test Schema properties.options-string 1`] = `true`;
exports[`Test Schema properties.options-string 2`] = `null`;
exports[`Test Schema properties.optionsStyle: CSS style applied 1`] = `true`;
exports[`Test Schema properties.optionsStyle: CSS style applied 2`] = `null`;
exports[`Test Schema properties.placeholder_Text_inside_block 1`] = `true`;
exports[`Test Schema properties.placeholder_Text_inside_block 2`] = `null`;
exports[`Test Schema properties.size: large 1`] = `true`;
exports[`Test Schema properties.size: large 2`] = `null`;
exports[`Test Schema properties.size: small 1`] = `true`;
exports[`Test Schema properties.size: small 2`] = `null`;
exports[`Test Schema properties.title 1`] = `true`;
exports[`Test Schema properties.title 2`] = `null`;