нажмите клавишу Enter на contenteditable в Safari - PullRequest
0 голосов
/ 26 октября 2018

Я пытаюсь использовать TestCafe для проверки чат-бота, который использует contenteditable div в качестве пользовательского ввода.Фактически удалось 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 голосов
/ 31 октября 2018

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

await t.switchToIframe(iframeSelector);

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

await t.switchToMainWindow();
0 голосов
/ 26 октября 2018

Трудно сказать, почему это не работает в Safari без исследования рабочего образца, показывающего проблему. Насколько я понимаю из вашего описания, ваш contenteditable элемент имеет обработчик события 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');
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...