Обнаружение tagName.toLowerCase не является функцией

Question

Я пытаюсь автоматизировать веб-приложение, построенное на Angular во внешнем интерфейсе. У меня есть форма, в которой мне нужно нажать кнопку.

HTML код:

JavaScript code to click:

cy.get('.modal-body.container .ng-star-inserted a.ng-star-inserted').click()

Error in Cypress runner:

Я не понимаю, почему я вижу функцию tagName.toLowerCase() при нажатии на ДОБАВИТЬ КНОПКУ на странице формы. Я нигде не определял эту функцию в коде.

Answer 1

Открыл проблему https://github.com/cypress-io/cypress/issues/8191 и похоже, что это ошибка на стороне Cypress. Однако я нашел обходной путь с помощью функции .then (). Код ниже:

 cy.get('.modal-body.container .ng-star-inserted a.ng-star-inserted').then(($el) => {
    console.log($el)
}).find('.mat-icon').then(($ol) => {
    $ol.click()
})