javascript - 检查outerhtml字符串是否包含ng-model的属性

Question

我根据用户从一组下拉值和输入框中的选择动态生成一个 div 字符串。

基于这些选择，字符串通过outerHTML输出到屏幕。

示例:

<div data-aggiefeed class="aggiefeed-element edus edus-container" data-num-activities="1" data-activity-source="asucd-rss" data-activity-actions data-content-limit data-no-activities-message id="aggieFeedEmbed" data-activity-action-social='["facebook"]'></div>

我想创建一个测试来检查创建的 div 标签是否包含所选的正确属性。如何从创建的 div 标签中提取属性并检查这些值是否等于其相应的 ng-model？对于某些属性，它们不包含值，我只需检查它是否存在。

我尝试将字符串转换为 JSON 对象，但收效甚微。

我也不想检查字符串是否包含子字符串，因为这会留下出错的空间。

我正在使用 protractor.js 运行测试。

谢谢。

Answer 1

查找一个元素并使用getAttribute()检查属性值:

var div = element(by.id('aggieFeedEmbed'));
expect(div.getAttribute('data-activity-source')).toEqual('asucd-rss');