2017-03-02 9 views
1

私は分度器を初めて使っていて、これを少し難しかったと思っています。私はそれを説明できると思います。テーマセレクタの分度器e2eテストを書き込もうとしています

So ..私が取り組んでいるアプリケーションには、DefaultテーマがBlackに設定されています。そこにドロップダウンがあります。これは、Navbarで選択して、別のテーマ「White」を選択するオプションです。白いテーマを正常に選択することができますが、デフォルトのテーマが白であるか白に変更されていることを確認してからテーマをブラックがまだ動作しているかどうかを確認する方法を知りたいと思います。

一度テーマを選択すると、変更されない限りテーマが残るように1年間キャッシュされます。私は

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); 
    }); 

ライトのテーマを選択するために書かれている

コードは、事前にご協力いただきありがとうございます。 歓声、

+0

だから、あるテーマから他のテーマに切り替えることをチェックして、正しいテーマが表示されているかどうかを検証したいでしょうか?あなたのシナリオですか? –

+0

はい、まさに私が検証しようとしていることですが、それをどのように書くかは不明です!ありがとうKishan –

答えて

0

私たちもダークテーマとライトテーマを持っています: おそらくテーマが保存されている値を見つける必要があります。 SO

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

次のことができます。私のプロジェクトで

下記のHTMLコードを参照:ダークテーマについて

を:

ライトテーマの
<body class="nsweb-theme-dark"> 
<nsw-app _nghost-ewh-1=""><toaster-container _ngcontent-ewh-1="" ng-reflect-toasterconfig="[object Object]"> 

ただ取るテーマデータ(私にとってはクラスです)のテキストは明るく/暗い状態で利用できます。

希望していますか? :-)

+0

OMGありがとうKishanあなたは伝説です、それは私がこれを適用し、あなたに知らせる完全な意味があります。もう一度私の友人に感謝してくれてありがとう。 –

関連する問題