Нажмите клавишу enter на контенте в safari

Я пытаюсь использовать TestCafe для тестирования чат-бота, который использует div contenteditable в качестве пользовательского ввода. Фактически удалось с Chrome и Firefox нажать enter и пройти тесты, но не удалось заставить Safari нажать enter. Я понимаю, что contenteditable не поддерживает pressKey("enter"), но мне интересно, почему он работает как для Chrome, так и для Firefox, а не для Safari, и могу ли я заставить его работать в Safari?

test("Able to send a message on enter keypress", async t => {
  await t
    .typeText(chatbot.userReply, "hi")
    .pressKey("enter")
    .expect(chatbot.transcriptMessages.find("li").withText("hi").count).eql(1)
})
2
0
206
2

Ответы 2

Трудно сказать, почему это не работает в Safari, не исследуя рабочий образец, показывающий проблему. Насколько я понимаю из вашего описания, ваш контентный элемент имеет обработчик событий keypress, который отправляет сообщение на печатную машину enter. Я подготовил образец проекта для демонстрации этого подхода, и все он работает правильно как в Safari, так и в Chrome:

Тестовая страница:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<div id="editor" contenteditable="true" style="width: 300px; height: 300px; border: 1px solid black;">test</div>
<script>
    document.getElementById('editor').addEventListener('keypress', function() { alert('test') })
</script>
</body>
</html>

Код теста:

fixture `test`
    .page `../pages/index.html`;

test(`test`, async t => {
    await t.click('#editor');
    await t.pressKey('enter');
});

Спасибо за ответ. Да, у меня есть обработчик событий, прослушивающий keydown для печатной машины enter. Я забыл упомянуть, что это все в iframe, может ли это быть одной из причин?

sammiepls 29.10.2018 05:07

Я не уверен, но если у вас есть образец проекта, демонстрирующий проблему, вы можете создать тикет на github github.com/DevExpress/testcafe/issues/…

Alex Kamaev 29.10.2018 08:22

В комментарии на этой странице вы упомянули, что это iframe, поэтому вам нужно будет сделать:

await t.switchToIframe(iframeSelector);

При обратном переключении вы можете:

await t.switchToMainWindow();

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