open-vault/ui/tests/pages/secrets/backend/pki/generate-cert.js
Noelle Daley 828185db49
UI/add select dropdown (#7102)
* add SelectDropdown

* use SelectDropdown instead of HttpRequestsDropdown

* use html selector instead of class name

* ensure SelectDropdown still works when rendered inside a Toolbar

* add tests

* remove old HttpRequests component

* make SelectDropdown example easier to read in Storybook

* add isFullwidth prop

* add SelectDropbown inside a Toolbar story

* fix tests

* remove actions block and call this.onChange directly

* replace dropdownLabel with label

* rename SelectDropdown to SelecT

* add test for onChange

* remove selectedItem prop since we don't need it

* make Select accept options as an array of strings or objects

* Revert "remove selectedItem prop since we don't need it"

This reverts commit 7278516de87bb1df60482edb005137252819931e.

* use Select inside TtlPicker

* remove debugger

* use a test selector

* fix pki test selectors

* improve storybook docs

* fix selected value in ttl picker

* ensure httprequests dropdown updates the selected item

* ensure select dropdown correctly matches selectedItem

* rename selectedItem to selectedValue

* remove debugger lol

* update selectedItem test

* add valueAttribute and labelAttribute to Storybook knobs

* udpate jsdocs

* remove old httprequestsdropdown component

* add note that onChange will receive value of select

* use Select inside AuthForm

* use correct test selector
2019-08-01 14:35:18 -07:00

31 lines
1 KiB
JavaScript

import { Base } from '../credentials';
import { clickable, text, value, create, fillable, isPresent } from 'ember-cli-page-object';
export default create({
...Base,
title: text('[data-test-title]'),
commonName: fillable('[data-test-input="commonName"]'),
commonNameValue: value('[data-test-input="commonName"]'),
csr: fillable('[data-test-input="csr"]'),
submit: clickable('[data-test-secret-generate]'),
back: clickable('[data-test-secret-generate-back]'),
certificate: text('[data-test-row-value="Certificate"]'),
toggleOptions: clickable('[data-test-toggle-group]'),
hasCert: isPresent('[data-test-row-value="Certificate"]'),
fillInField: fillable('[data-test-select="ttl-unit"]'),
issueCert: async function(commonName) {
await this.commonName(commonName)
.toggleOptions()
.fillInField('h')
.submit();
},
sign: async function(commonName, csr) {
return this.csr(csr)
.commonName(commonName)
.toggleOptions()
.fillInField('h')
.submit();
},
});