페이지의 요소에 대한 어설션

1. 일반적인 주장

이 섹션의 어설션은 모든 종류의 HTML 요소에서 작동합니다.

가시성 어설션

기본 텍스트 어설션

RegExp를 사용한 텍스트 어설션

RegExp**를 사용하면 사용 사례에 맞는 매우 유연한 텍스트 어설션을 만들 수 있습니다. 다음은 참고할 수 있는 몇 가지 RegExp 아이디어입니다:

• ^Good (아침|밤)
  • 좋은 아침또는좋은 밤`으로 시작하는 텍스트
    • 일치하는 예제: 굿나잇, 굿모닝, 해티!
• w[ow]+w$
  • w뒤에 하나 이상의o또는w가 오고w`로 끝나는 일치하는 텍스트
    • 일치하는 예 와우, 오, 와우
• ^\d{3}-\d{4}$
  • 연속 3자리로 시작하고 하이픈이 뒤따르고 연속 4자리로 끝나는 텍스트
    • 일치하는 예 123-4567, 999-0000

구문에 대한 자세한 내용은 정규식 구문 치트 시트(MDN)를 참조하세요.

체크박스 어설션

숫자 어설션

다음 어설션은 숫자와 ". (마침표)"를 기반으로 합니다.
특히, 텍스트에서 숫자가 아닌 모든 문자(쉼표 포함)를 통해 첫 번째 숫자(0~9)에 어설션이 이루어집니다. 따라서 예를 들어 "$1,234"의 경우 텍스트에 ", (쉼표)"가 포함되어 있으면 1에 대해서만 어설션이 수행됩니다.

클래스 어설션

클래스 이름은 부분 일치를 통해 감지됩니다. 예를 들어 클래스 이름에 state-1 을 지정하면 다음과 일치합니다:

• <div class="state-10">
• <div class="sample-a state-1">

이 어설션의 사용 사례 중 하나는 특정 스타일이 적용되는 클래스의 유무를 확인하는 것입니다.

2. 인터랙티브 어설션

다음 어설션은 BUTTON, INPUT, SELECT, TEXTAREA, OPTGROUP, OPTION, 및 FIELDSET 에 대해 작동합니다.

3. 폼 요소 어설션

입력 어설션

다음 어설션은 INPUT 요소에서 작동합니다.

텍스트 영역 어설션

다음 어설션은 TEXTAREA 요소에서 작동합니다.

풀다운 메뉴 어설션

다음 어설션은 SELECT 요소에서 작동합니다. 드롭다운 리스트, 풀다운 메뉴, 리스트 박스 등 여러 가지로 불리는, 여러 선택지 중에서 선택을 하는 요소에 대한 어서션입니다.

여러 옵션이 선택된 경우 이 기능이 제대로 작동하지 않을 수 있으며 향후 지원될 예정입니다.

풀다운 메뉴의 어서션 유의사항

선택 항목의 요소에 기본 옵션이 선택되어 있는 경우 목록에 선택 항목이 없어야 함으로 확인할 수 없습니다.

예를 들어 다음 스크린샷은 Autify 데모를 요청하는 양식에 포함된 풀다운을 보여주는데, 회사 크기가 상단에 표시되어 있고 선택 없음 상태가 아니라 회사 크기 옵션이 선택되어 있습니다.

기본 선택 항목이 선택되었는지 확인하려면 "목록에 선택 항목이 없어야 함" 옵션 대신 "목록 선택 항목이 있어야 함" 옵션을 사용하세요.