TestCafe - как определить форму курсора мыши (указателя) над определенными элементами HTML - PullRequest
Новая
       33

TestCafe - как определить форму курсора мыши (указателя) над определенными элементами HTML

3 голосов
/ 21 мая 2019

Я пытаюсь написать функциональный тест TestCafe с помощью перетаскивания. У меня уже работает перетаскивание, и я пытаюсь протестировать функциональность источника / цели, пытаясь перетащить элемент на ту часть экрана, которую нельзя оставлять. Форма курсора мыши изменится на символ «Нет записи», если не разрешено падение во время наведения мыши. Я не могу видеть в документации TestCafe нигде, где я могу запросить форму значка курсора мыши.

Я не вижу никакой документации по этому вопросу в TestCafe.
TestCafe поддерживает это?

Спасибо Mark

1 Ответ

2 голосов
/ 22 мая 2019

Селекторы TestCafe указывают элемент на странице тестирования и возвращают объект с набором свойств и методов на сервер. Подробнее о свойствах селектора читайте в документах TestCafe .

Вы можете использовать метод getStyleProperty для проверки стиля курсора элемента, e. г. 

.expect(Selector('div').getStyleProperty('cursor')).eql('no-drop');

В любых других случаях, когда вам нужно получить конкретную информацию об элементе DOM, вы можете использовать комбинацию ClientFunction и Selector . Этот сценарий может выглядеть следующим образом: 

const el = Selector('#editable-div');

    const getCursorStyle = ClientFunction(() => {
        return window.getComputedStyle(el()).cursor;
    }, {dependencies: {el}})

    await t
        .drag(Selector('#create'), -14, -255, {
            offsetX: 38,
            offsetY: 11
        })
        .expect(getCursorStyle()).eql("no-drop");

Вы даже можете использовать более продвинутый подход - , реализующий addCustomDOMProperties, особенно если вам нужно несколько раз проверить добавленное свойство.

...