沃梦达 / 编程问答 / 前端问题 / 正文

我如何在 e2e 测试 Angular Protractor 的标签中添加文本

沃梦达教程前端问题

2022-01-01

How i add text in a tag in e2e testing Angular Protractor(我如何在 e2e 测试 Angular Protractor 的标签中添加文本)

本文介绍了我如何在 e2e 测试 Angular Protractor 的标签中添加文本的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我如何在

标签中添加内容以在量角器中进行 e2e 测试

how i add content in

tag for e2e testing in protractor

<html lang="en" dir="ltr">
 <head>
  <body class="cke_editable cke_editable_themed cke_contents_ltr cke_show_borders" contenteditable="true" spellcheck="true">
   <p>
     <br type="_moz">
   </p>
 </body>
</html>

我试试这个，但这不起作用

i try this but this is not working

var p = element(by.css('.cke_editable p'));
p.sendKeys('This is a peragraph tag');

推荐答案

首先，在这种情况下，它是可编辑的主体 - 向它发送密钥:

First of all, it is the body that's editable in this case - send keys to it:

var body = element(by.css('body.cke_editable'));
body.sendKeys('This is a paragraph tag');

一个更大的问题是，因为这是一个 CKeditor - 它通常嵌入在 iframe 中.这对我们来说实际上很重要——我们需要让 webdriver 知道我们想要切换到iframe的上下文:

A bigger problem though is that, since this is a CKeditor - it's usually embedded in an iframe. This is actually important for us - we need to let the webdriver know that we want to switch into the context of the iframe:

browser.switchTo().frame(element(by.css("iframe.cke_wysiwyg_frame")));

var body = element(by.css('body.cke_editable'));
body.sendKeys('This is a paragraph tag');

这篇关于我如何在 e2e 测试 Angular Protractor 的标签中添加文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：我如何在 e2e 测试 Angular Protractor 的标签中添加文本