양식 입력 필드 | Selenide 튜토리얼 시리즈

이 게시물에서는 Selenide에서 텍스트 입력, 드롭다운 입력, 체크박스 입력 및 날짜 입력 필드와 같은 다양한 입력 필드를 사용하는 방법에 대해 설명합니다.

텍스트 입력 필드

텍스트 입력 필드를 사용하면 Selenide에서 .val 명령을 사용하여 텍스트를 추가할 수 있습니다.

$(".support-name input").val("Luffy");
$(".support-email input").val("[email protected]");

드롭다운 입력 필드

드롭다운 입력 필드를 사용하면 text 값 또는 int 값을 선택하는 데 필요한 드롭다운 옵션을 제공해야 합니다.

$(".support-dropdown select").selectOption("Technical Team");
$(".support-dropdown select").selectOption(2);

확인란 입력 필드

체크박스 입력 필드는 상호 작용해야 하는 체크박스 요소만 입력하고 해당 항목에서 .click를 수행할 수 있으므로 매우 간단합니다.

$(".support-checkboxes ul li:nth-child(2) input").click();

날짜 입력 필드

날짜 입력 필드는 일반적으로 구현이 웹사이트마다 다르기 때문에 작업하기 가장 까다롭습니다.

$(".support-date input").click();
$(".flatpickr-day.nextMonthDay").click();

이 예에서는 먼저 날짜 입력 필드를 클릭한 다음 className을 사용하여 다음 달 날짜를 선택합니다. 일반적으로 aria-label 또는 className 를 사용하여 원하는 날짜를 선택하는 다른 방법을 찾아야 합니다.


Selenide에서 양식 입력 필드 작업에 대해 자세히 알아보려면 아래 비디오를 확인하십시오.




📧 mymailing list를 구독하여 이와 같은 더 많은 콘텐츠에 액세스하고 놀라운 무료 경품 행사에 참여하세요.

👍 여기에서도 내 콘텐츠를 팔로우할 수 있습니다.

...

나는 커피를 좋아한다! 그리고 이 게시물이 도움이 되었고 제 작업을 지원하고 싶다면 아래 버튼을 클릭하고 저에게 커피 한 잔을 사주시면 됩니다.