img src가 TestCafe에서 올바른 경로를 가지고 있는지 확인하십시오.

Question

TestCafe로 테스트를 수행하고 img가 정확한 경로를 가지고 있는지 확인해야합니다.

사례 1 :이 사건

<div class="x-grid3-cell-inner x-grid3-col-2" unselectable="on" id="dynamicID1"> 
    <img src="images/icons/bullet_wh.png"> 
    <img src="images/icons/bullet_re.png" id="dynamicID2"> 
</div> 

결과 : 두 IMG 요소가 있습니다 오류가 전에 있었다.

사례 2 :이 사건

<div class="x-grid3-cell-inner x-grid3-col-2" unselectable="on" id="dynamicID3"> 
    <img src="images/icons/bullet_gr.png"> 
    <img src="images/icons/bullet_wh.png" id="dynamicID4"> 
</div> 

결과 : bullet_gr.png 사이트에 있습니다. 아무 것도 괜찮아!

이 내 사이트에 표시되는지 확인하려면 .expect(Selector('img[src="images/icons/bullet_gr.png"]'))을 사용합니다. 불행히도 ID는 방문 할 때마다 다릅니다 (사용자가 로그인 할 때 렌더링되며 모든 방문에 대해 고유합니다). 따라서 .expect(Selector('#dynamicID4'))을 사용할 수 없습니다.

내 테스트에서 .expect(Selector('img[src="images/icons/bullet_gr.png"]')) 줄을 사용하자마자 사용자가 테스트에 로그인하면 즉시 테스트가 끝나고 테스트 결과가 성공적으로 출력됩니다.

bullet_gr.png이 사이트에 링크되어 있는지 확인하는 해결책은 무엇입니까?

await t.expect(Selector('img[src="images/icons/bullet_gr.png"]')).ok() 

또는

const img = Selector('img').withAttribute('src', 'images/icons/bullet_gr.png'); 

await t.expect(img.exists).ok(); 

: 요소가 페이지에 있는지 여부

Answer 1

을 사용하여 exists 속성을 확인하려면