Выполнение щелчка по элементам div

Question

Я пытаюсь щелкнуть элемент div с помощью транспортира, но он дает мне ошибку, говорящую «Элемент не взаимодействует».Это меню, и когда вы щелкаете по одному из элементов div, появляется другое меню.

    <div class="col">

        <div class="games">

                <div class="game" rel="board">
                    Chess
                </div>

                <div class="game" rel="sports">
                    Basketball
                </div>

                <div class="game" rel="active">
                    Exercise
                </div>

        </div>

    </div>

То, что я пробовал, это

    element.all(by.cssContainingText('.game','Exercise')).click();
    element(by.cssContainingText('.game','Chess')).click();

Answer 1

element.all(by.cssContainingText('.game','Exercise')).click();
browser.wait(ExpectedCondition.elementToBeClickable(element(by.cssContainingText('.game','Chess')),60000,'Wait for the element to become clickable'));
element(by.cssContainingText('.game','Chess')).click();

Если это не поможет, попробуйте добавить browser.sleep(), прежде чем пытаться получить доступ к элементу.

Answer 2

JS click

export async function jsClickButton(button: ElementFinder) {

    try {
        return await browser.executeScript('arguments[0].click()', button).then(async() => {
            console.log('Element has been clicked.');
        });
    } catch (error) {
        console.log('Element could not be clicked', error);
    }
}