2016-10-27 3 views
1

페이지 위에 마우스를 올려 놓으면 툴팁에 텍스트가 표시되는 요소가 있습니다. 텍스트 값을 얻으려면 어떻게해야합니까? 올바른 텍스트가 표시되는지 확인해야합니다.Nightwatch : 위로 가져갈 때 요소의 텍스트 값 가져 오기

우리는 Nightwatch.js를 사용하고 있습니다.

많은 감사합니다!

element with tooltip

element id

+0

자세한 정보를 제공 할 수 있습니까? HTML 코드 (또는 관련 부분)는 HTML 코드를 획득하는 방법을 식별하는 데 도움이됩니다. 그렇듯이 툴팁이 동적으로 생성되는지 또는 숨겨 지는지 여부는 알 수 없습니다. – Ding

+0

위의 '요소 ID'스크린 샷을 추가하여 요소를 식별하는 방법과 현재 요소의 텍스트 값을 얻는 방법을 보여줍니다. – user260399

+0

일부 HTML 코드가 없어도 DOM에서 해당 콘텐츠를 찾는 방법을 알기는 어렵습니다. 툴팁을 노출 한 다음 크롬 콘솔 ('⌘ + Shift + C '또는'Ctrl + Shift + C ')을 사용하여 내용을 추출 할 위치를 확인합니다. – Ding

답변

0

는 정말 이미지 만보고 상황을 이해하지 못했지만, 나는 당신이 할 싶은있는 것은이 같은이라고 생각 : https://jsfiddle.net/c8xxuxz2/

이를 위해 콜백에서 나중에 assert를 할 수 있도록 browser.execute() 함수를 사용하여 변수에 텍스트를 저장합니다. 다음과 같이 보일 수 있습니다.

browser.execute(function(){ 
    var text; 

    $('#[the-id-that-you-want]').trigger('mouseover'); 

    // Wait a little so that the tooltip appears; 
    setTimeout(function(){ 
     text = $('[your-tooltip-class-or-id]').text(); 
     }, 1000); 

    return text; 

    }, [], function (result) { browser.assert.equal(result, "[Your tooltip's expected text here]") }) 
관련 문제