Как использовать vue -выбор с кипарисом - PullRequest
Новая
       20

Как использовать vue -выбор с кипарисом

1 голос
/ 01 апреля 2020

Используя cypress в приложении @ vue / cli 4.0.5, я столкнулся с проблемой, как заполнить vue -выбрать компонент

Поиск в net Я нашел это Как найти элемент и выбрать by cypress.io с vue. js v-select? ответвлением, но предложенный здесь способ не работает.

Наличие компонента defind: 

<v-select
        v-model="selection_parent_id"
        label="label"
        :options="categoriesLabels"
        id="parent_id"
        name="parent_id"
        class="form-control admin_control_input editable_field"
        placeholder="Select option"
        data-cy='select-input'
></v-select>

I попытался добавить строку в кипарисовом тесте: 

cy.get('[data-cy=select-input]').select('1')

и получил ошибку: 

CypressError: cy.select() can only be called on a <select>. Your subject is a: <div dir="auto" class="v-select form-control admin_control_input editable_field vs--single vs--searchable" id="parent_id" name="parent_id" data-cy="select-input">...</div>
"vue": "^2.6.10",
"vue-select": "^3.2.0",

"@vue/cli-plugin-e2e-cypress": "~4.2.0",
"@vue/cli-plugin-router": "^4.0.0",
"@vue/cli-plugin-vuex": "^4.0.0",
"@vue/cli-service": "^4.0.0",
"bootstrap": "^4.3.1",
"faker": "^4.1.0",
"jquery": "^3.4.1",

Есть ли правильный способ?

Спасибо!

1 Ответ

1 голос
/ 06 апреля 2020

Я нашел решение с отправленными клавишами нажатия клавиш / ввода: 

cy.get('#parent_id').click().type('{downarrow}{enter}')

Это работает для меня!

...