试图为主题选择器编写量角器e2e测试

Question

我是Protractor的新手，发现这有点困难，我希望我能解释一下，如果您需要任何进一步的信息，请告诉我。

那么..我正在处理的应用程序将默认主题设置为黑色，然后您可以在导航栏中选择一个下拉菜单，它为您提供选择不同主题“白色”的选项，我已经能够选择白色主题成功但我想知道如何使用这个如果默认主题是白色或更改为白色，然后检查主题黑色仍在工作，我怎么能写e2e测试来反映这一点。

我应该提一下，一旦选择了一个主题，它就会缓存1年，这样主题就会保留，除非改变。

我编写的代码选择Light主题

it('should select theme selector', () => {
         let top = element(by.css('cloudgate-theme-selector'));
         top.element(by.css('.dropdown-toggle')).click();
         element(by.cssContainingText('li a', 'Light')).click();
         browser.sleep(1000);
     });

提前谢谢你的帮助。 干杯，

Answer 1

我们也有黑暗主题和浅色主题：您可能需要找到存储主题的值。

在我的项目中，请参阅以下HTML代码：

对于黑暗主题：

<body class="nsweb-theme-dark">
<nsw-app _nghost-ewh-1=""><toaster-container _ngcontent-ewh-1="" ng-reflect-toasterconfig="[object Object]">

对于轻主题：

<body class="nsweb-theme-light">
<nsw-app _nghost-ewh-1=""><toaster-container _ngcontent-ewh-1="" ng-reflect-toasterconfig="[object Object]">

所以，您可以只获取主题数据（对我来说是类）可用的文本，即亮/暗，然后使用以下命令验证：

if (theme == dark)
  {
   expect(themecolor).toBe("nsweb-theme-dark")
  }
else 
  {
   expect(themecolor).toBe("nsweb-theme-light")
  }

希望你清楚。 :-)

试图为主题选择器编写量角器e2e测试

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-03-02 06:34:01

试图为主题选择器编写量角器e2e测试

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-03-02 06:34:01

解决方案1
0 已采纳 2017-03-02 06:34:01