Как щелкнуть div с определенным текстом во вложенном div с помощью кипариса?

Ниже мой HTML-код:

    <div class = "main">
        <div class = "box">
            <div class = "cell">checkbox</div>
            <div class = "cell"></div>
            <div class = "cell">
                <a>link1</a>
            </div>
            <div class = "cell">type</div>
            <div class = "cell">description</div>
        </div>
        <div class = "box"> //i want to click this element
            <div class = "cell">checkbox</div>
            <div class = "cell"></div>
            <div class = "cell">
                <a>link2</a>
            </div>
            <div class = "cell">type1</div>
            <div class = "cell">description1</div>
        </div>
        <div class = "box">
            <div class = "cell">checkbox</div>
            <div class = "cell"></div>
            <div class = "cell">
                <a>link3</a>
            </div>
            <div class = "cell">type2</div>
            <div class = "cell">description2</div>
        </div>
    </div>

Я хотел бы щелкнуть элемент div с классом box, содержащим тег <a>link2</a>.

Я пробовал это:

    cy.get(`.main>div`).contains('link2').click();

Это щелкает сам элемент ссылки, но я бы хотел, чтобы вместо этого он щелкал элемент div, который его содержит (тег <a>link2</a>).

Есть ли способ сделать это?
Я с нетерпением жду любых советов и решений, которые вы могли бы предоставить.
Спасибо.

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
2
0
1 841
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Вы можете попробовать получить родительский элемент link2, который является div, который вы хотите щелкнуть, следующим образом:

cy.get(`.main>div`).contains('link2').parent().click();

Я считаю, что вы можете использовать селектор в «содержит», как показано ниже

cy.contains('.main>div', 'link2').click();

Другие вопросы по теме