여러 클래스 이름을 가진 웹 요소를 식별하는 방법은 무엇입니까?-CSS 튜토리얼-php.cn

여러 클래스 이름을 가진 웹 요소를 식별하는 방법은 무엇입니까?

Patricia Arquette

풀어 주다： 2024-11-24 08:22:13

원래의

706명이 탐색했습니다.

How to Identify Web Elements with Multiple Class Names?

여러 클래스 이름으로 웹 요소 식별

웹 개발에서 특정 속성을 가진 웹 요소를 식별하는 것은 효과적인 테스트 자동화에 매우 중요합니다. 그러나 여러 클래스 이름을 가진 요소는 Selenium @FindBy 주석이 className 속성에서 공백으로 구분된 값을 지원하지 않기 때문에 고유한 문제를 제기합니다.

대체 솔루션

XPath

XPath는 여러 클래스가 있는 요소를 식별하기 위한 강력한 대안을 제공합니다. 이름. 포함 함수를 활용하면 지정된 클래스 이름을 포함하는 요소를 순서에 관계없이 일치시킬 수 있습니다. 예:

driver.findElement(By.xpath("//div[contains(@class, 'value')] and contains(@class, 'test')]"));

로그인 후 복사

이 XPath 표현식은 모든

클래스 속성 내의 위치에 관계없이 값 클래스와 테스트 클래스를 모두 갖는 요소입니다.

CSS 선택기

CSS 선택기는 또한 다음을 사용하여 요소를 선택하는 유연한 방법을 제공합니다. 여러 클래스 이름. * 와일드카드 문자를 사용하면 특정 문자열이 포함된 모든 클래스 이름을 일치시킬 수 있습니다. 예를 들면 다음과 같습니다.

driver.findElement(By.cssSelector("div[class*='value test']"));

로그인 후 복사

이 CSS 선택기는

클래스 속성에 임의의 조합으로 값과 테스트가 모두 포함되는 요소.

사용자 정의 로케이터

XPath 또는 CSS 선택기가 만족스러운 솔루션을 제공하지 않는 경우 사용자 정의 로케이터를 생성할 수 있습니다. Selenium SearchContext 인터페이스를 구현하는 클래스입니다. 이를 통해 사용자 정의 기준에 따라 고유한 요소 식별 논리를 정의할 수 있습니다.

결론

XPath, CSS 선택기 또는 사용자 정의 로케이터를 활용하면 웹을 효과적으로 식별할 수 있습니다. 여러 클래스 이름을 가진 요소. 각 방법에는 고유한 장점과 한계가 있으므로 올바른 접근 방식을 선택하는 것은 테스트 자동화 프레임워크의 특정 요구 사항에 따라 다릅니다.

위 내용은 여러 클래스 이름을 가진 웹 요소를 식별하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천：php.cn

이전 기사：CSS에서 `:focus`와 `:focus-visible`의 차이점 이해 다음 기사：Sass 파일에 "예상 표현" 오류가 나타나는 이유는 무엇입니까?

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

에서 2024-04-29 11:01:01

2027

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

2190

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.