open-vault/ui/tests/pages/components/form-field.js
2020-04-20 10:17:50 -05:00

58 lines
1.8 KiB
JavaScript

import {
attribute,
focusable,
value,
clickable,
isPresent,
collection,
fillable,
text,
triggerable,
} from 'ember-cli-page-object';
export default {
hasStringList: isPresent('[data-test-component=string-list]'),
hasSearchSelect: isPresent('[data-test-component=search-select]'),
hasTextFile: isPresent('[data-test-component=text-file]'),
hasTTLPicker: isPresent('[data-test-toggle-input="Foo"]'),
hasJSONEditor: isPresent('[data-test-component=json-editor]'),
hasSelect: isPresent('select'),
hasInput: isPresent('input'),
hasCheckbox: isPresent('input[type=checkbox]'),
hasTextarea: isPresent('textarea'),
hasMaskedInput: isPresent('[data-test-masked-input]'),
hasTooltip: isPresent('[data-test-component=info-tooltip]'),
tooltipTrigger: focusable('[data-test-tool-tip-trigger]'),
tooltipContent: text('[data-test-help-text]'),
fields: collection('[data-test-field]', {
clickLabel: clickable('label'),
toggleTtl: clickable('[data-test-toggle-input="Foo"]'),
for: attribute('for', 'label', { multiple: true }),
labelText: text('label', { multiple: true }),
input: fillable('input'),
ttlTime: fillable('[data-test-ttl-value]'),
select: fillable('select'),
textarea: fillable('textarea'),
change: triggerable('keyup', '.input'),
inputValue: value('input'),
textareaValue: value('textarea'),
inputChecked: attribute('checked', 'input[type=checkbox]'),
selectValue: value('select'),
}),
fillInTextarea: async function(name, value) {
return this.fields
.filter(field => {
return field.for.includes(name);
})[0]
.textarea(value);
},
fillIn: async function(name, value) {
return this.fields
.filter(field => {
return field.for.includes(name);
})[0]
.input(value);
},
};