Как получить доступ к vuejs свойствам компонента с помощью Cypress?

Question

Привет! Я хочу получить доступ к vuejs свойствам компонента с помощью Cypress, потому что не могу найти уникальные элементы формы html / css. пользовательский интерфейс нашего приложения разработан в Vuejs, поэтому я попытался получить доступ к vue компоненту dom объекта формы с кипарисом для ex на консоли, 1.var a = document.querySelector ('# action_items_list> div.fill-height.col> div> div> div.fill-height> div: nth-child (1) ')

2.a. vue .props.kitItemId

теперь как я реализовать эту вещь в Cypress для доступа к данным для компонента, и get () не примет это как аргумент, потому что для выполнения действия требуется элемент DOM.

Answer 1

Попробуйте это:

cy.get('#action_items_list > div.fill-height.col > div > div > div.fill-height > div:nth-child(1)')
    .then($item => {
        console.log($item[0].__vue__.kitItemId)
    })