試圖為主題選擇器編寫量角器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