DOM이 창 크기로 변경 될 때 xpath를 사용하여 요소를 찾는 방법

파반 레디

DOM my 테스트 애플리케이션은 창 크기에 따라 변경됩니다. 그래서 저는이 두 시나리오를 모두 만족시킬 XPATH를 작성하려고합니다.

시나리오 1 : 창이 최대 크기 인 경우 아래는 dom입니다.

<tbody>
<tr><td class="sv-table-col-xs"><img src="image.gif">
</td>
<td>03/Mar/2020</td>
<td><span class="sv-label sv-label-primary">You</span>
</td><td>0% of 1</td>
<td><a href="../run/SIW_TCC.start_url?B30558D84DB411EAMPZFJ0LZCJDZzBZnQ_">Complete academic review</a></td>
</tr>
</tbody>

xpath를 사용하고 있습니다.

//tr[td[contains(text(), '03/Mar/2020')]]//a[text()='Complete academic review']

이것은 잘 작동하고 요소를 찾습니다.

시나리오 2 : 아래는 창이 축소되었을 때의 DOM입니다.

<tbody>
<tr><td class="sv-table-col-xs">
<b class="tablesaw-cell-label">Status</b>
<span class="tablesaw-cell-content"><img src="../images/emailunr.jpg" style="border:0px" alt="..\images\icons\exploding_email1.gif.gif"></span>
</td>
<td><b class="tablesaw-cell-label">Due Date</b>
<span class="tablesaw-cell-content">03/Mar/2020</span>
</td>
<td><b class="tablesaw-cell-label">Primary Reviewer</b>
<span class="tablesaw-cell-content"><span class="sv-label sv-label-primary">You</span></span>
</td>
<td class="tablesaw-cell-hidden"><b class="tablesaw-cell-label">Other Reviewers</b>
<span class="tablesaw-cell-content">0% of 1</span>
</td>
<td class="tablesaw-cell-hidden"><b class="tablesaw-cell-label">Action</b><span class="tablesaw-cell-content">
<a href="6WSa-XlcD796Q">Complete academic review</a>
</span></td></tr>
</tbody>

이를 위해 xpath는 다음과 같이 변경됩니다.

//tr/td[5]/span/a

두 요소를 모두 사용하려고 시도했습니다.

//tr/td[5]/span/a | //tr[td[contains(text(), '03/Mar/2020')]]//a[text()='Complete academic review']

이 xpath는 작동하지만 축소 된 창에서 ''03 / Mar / 2020'및 'Complete academic review'가 포함 된 텍스트 요소를 확인하지 않습니다. 요소를 선택하기 전에 두 시나리오에서 텍스트의 유효성을 검사하는 방법이 있는지 확실하지 않습니다.

qwermike

노드의 문자열 값을 사용하려고합니다. 그리고 기능 text()은 그것을하지 않습니다. 따라서 대신 .또는 string()적어도 날짜 필터링 부분을 사용하십시오.

//tr[td[contains(., '03/Mar/2020')]]//a[text()='Complete academic review']

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

창 크기가 변경 될 때 요소의 위치를 변경하는 방법은 무엇입니까?

분류에서Dev

창 크기가 변경 될 때 요소를 제거하고 가져올 수있는 방법

분류에서Dev

<p> 태그에 중첩 될 때 이미지 크기를 변경하는 방법

분류에서Dev

위치를 변경하는 대신 창을 사용하여 이미지 요소의 크기를 조정하는 방법

분류에서Dev

창 크기가 변경 될 때 colapsing없이 h2를 div와 나란히 정렬하는 방법은 무엇입니까?

분류에서Dev

액티브 X 창이 파이썬 Xlib를을 사용하여 변경 될 때 알림을 받기

분류에서Dev

창이 변경 될 때 이벤트를 트리거하는 방법은 무엇입니까?

분류에서Dev

화면 / 창 높이를 변경할 때 팝업 모달 내부 요소 div 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

jquery로 src 이름의 일부를 변경하면 창 크기가 조정될 때 계속 반복됩니다.

분류에서Dev

창 크기를 조정할 때 사이트를 변경하지 않는 방법은 무엇입니까?

분류에서Dev

창 셸이 시작될 때 FileSystemWatcher를 시작하는 방법

분류에서Dev

속성이 변경 될 때 반응에서 특정 구성 요소를 다시 렌더링하는 방법

분류에서Dev

부모에서 ngClass가 변경 될 때 자식 요소를 애니메이션하는 방법

분류에서Dev

useState ()가 변경 될 때 React 기능 구성 요소를 렌더링하는 방법은 무엇입니까?

분류에서Dev

JQuery : 소스가 변경 될 때까지 이미지를 숨기는 방법

분류에서Dev

SpriteKit 프로젝트의 창 크기를 변경하는 방법

분류에서Dev

아주 이상한; $ (this) .width ()가 호출 될 때 요소를 포함하는 크기가 변경됩니다.

분류에서Dev

ngIf 조건이 충족 될 때 ViewChild를 사용하여 HTML 요소를 얻는 방법

분류에서Dev

Ratingbar의 등급이 변경 될 때 이미지의 밝기를 변경하는 방법은 무엇입니까?

분류에서Dev

Excel 시트의 데이터가 변경 될 때 매크로를 실행하는 방법

분류에서Dev

Excel 시트의 데이터가 변경 될 때 매크로를 실행하는 방법

분류에서Dev

창 크기를 조정할 때 요소를 중앙에 유지하는 방법

분류에서Dev

소스 명령에서 사용될 때 bash 스크립트의 경로를 얻는 방법이 있습니까?

분류에서Dev

AngularJS : 모델이 변경 될 때 라디오 버튼보기를 변경하는 방법은 무엇입니까?

분류에서Dev

index.html이 변경 될 때 사운드를 재생하는 방법

분류에서Dev

WPF는 창 크기가 변경 될 때 C #에서 ListView 높이를 가져옵니다.

분류에서Dev

스크립트가로드 될 때 jquery에서 상자를 선택할 때 배경을 변경하는 방법

분류에서Dev

사용자의 데이터가 변경 될 때 ReactiveAggregate를 반응 형으로 만드는 가장 좋은 방법

분류에서Dev

하나가 변경 될 때 매핑 된 각 구성 요소의 구성 요소 상태를 업데이트하는 방법

Related 관련 기사

  1. 1

    창 크기가 변경 될 때 요소의 위치를 변경하는 방법은 무엇입니까?

  2. 2

    창 크기가 변경 될 때 요소를 제거하고 가져올 수있는 방법

  3. 3

    <p> 태그에 중첩 될 때 이미지 크기를 변경하는 방법

  4. 4

    위치를 변경하는 대신 창을 사용하여 이미지 요소의 크기를 조정하는 방법

  5. 5

    창 크기가 변경 될 때 colapsing없이 h2를 div와 나란히 정렬하는 방법은 무엇입니까?

  6. 6

    액티브 X 창이 파이썬 Xlib를을 사용하여 변경 될 때 알림을 받기

  7. 7

    창이 변경 될 때 이벤트를 트리거하는 방법은 무엇입니까?

  8. 8

    화면 / 창 높이를 변경할 때 팝업 모달 내부 요소 div 크기를 조정하는 방법은 무엇입니까?

  9. 9

    jquery로 src 이름의 일부를 변경하면 창 크기가 조정될 때 계속 반복됩니다.

  10. 10

    창 크기를 조정할 때 사이트를 변경하지 않는 방법은 무엇입니까?

  11. 11

    창 셸이 시작될 때 FileSystemWatcher를 시작하는 방법

  12. 12

    속성이 변경 될 때 반응에서 특정 구성 요소를 다시 렌더링하는 방법

  13. 13

    부모에서 ngClass가 변경 될 때 자식 요소를 애니메이션하는 방법

  14. 14

    useState ()가 변경 될 때 React 기능 구성 요소를 렌더링하는 방법은 무엇입니까?

  15. 15

    JQuery : 소스가 변경 될 때까지 이미지를 숨기는 방법

  16. 16

    SpriteKit 프로젝트의 창 크기를 변경하는 방법

  17. 17

    아주 이상한; $ (this) .width ()가 호출 될 때 요소를 포함하는 크기가 변경됩니다.

  18. 18

    ngIf 조건이 충족 될 때 ViewChild를 사용하여 HTML 요소를 얻는 방법

  19. 19

    Ratingbar의 등급이 변경 될 때 이미지의 밝기를 변경하는 방법은 무엇입니까?

  20. 20

    Excel 시트의 데이터가 변경 될 때 매크로를 실행하는 방법

  21. 21

    Excel 시트의 데이터가 변경 될 때 매크로를 실행하는 방법

  22. 22

    창 크기를 조정할 때 요소를 중앙에 유지하는 방법

  23. 23

    소스 명령에서 사용될 때 bash 스크립트의 경로를 얻는 방법이 있습니까?

  24. 24

    AngularJS : 모델이 변경 될 때 라디오 버튼보기를 변경하는 방법은 무엇입니까?

  25. 25

    index.html이 변경 될 때 사운드를 재생하는 방법

  26. 26

    WPF는 창 크기가 변경 될 때 C #에서 ListView 높이를 가져옵니다.

  27. 27

    스크립트가로드 될 때 jquery에서 상자를 선택할 때 배경을 변경하는 방법

  28. 28

    사용자의 데이터가 변경 될 때 ReactiveAggregate를 반응 형으로 만드는 가장 좋은 방법

  29. 29

    하나가 변경 될 때 매핑 된 각 구성 요소의 구성 요소 상태를 업데이트하는 방법

뜨겁다태그

보관