2017-03-02 1 views
1

저는 각도기를 처음 접했고 조금 어려웠습니다. 설명해 드릴 수 있으면 알려주세요. 추가 정보가 필요하면 알려주세요.테마 선택기의 분도기 e2e 테스트를 시도합니다

그래서 .. 내가하고있는 앱에는 기본 테마가 검은 색으로 설정되어 있으며 다른 테마를 선택하는 옵션을 제공하는 탐색 바에서 드롭 다운을 선택할 수 있습니다. 성공적으로 화이트 테마를 선택할 수 있지만 기본 테마가 흰색이거나 흰색으로 변경된 다음 테마가 검은 색으로 작동하는지 확인하는 방법을 알고 싶습니다. 어떻게 반영 할 수있는 e2e 테스트를 작성할 수 있습니까?

주제가 선택되면 테마가 변경되지 않는 한 1 년 동안 캐시되어 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

우리도 너무 어두운 테마와 밝은 테마가 있습니다 : 아마도 테마가 저장된 값을 찾아야합니다. 내 프로젝트에서

아래의 HTML 코드 참조 : SO

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

수행 할 수 있습니다

다크 테마를 들면 :

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

빛 테마를 그냥 가져 테마 데이터 (나를 위해 클래스입니다)가 가벼운/어두운 상태에서 사용할 수있는 텍스트 :

희망이 있습니다. :-)

+0

OMG 고마워요. Kishan 당신은 전설입니다.이 말이 완벽하게 적용됩니다. 저는 이것을 적용하고 알려 드리겠습니다. 너는 다시 한번 너를 대단히 감사한다. –

관련 문제