이용 방법 Selenium 스크립트 및 명령이 포함된 IDE(어설션, 확인)

우리는을 사용합니다 Mercury 테스트 중인 웹 애플리케이션으로 웹사이트를 둘러보세요. 이는 이 튜토리얼에 필요한 모든 요소가 포함된 온라인 항공편 예약 시스템입니다. URL은 다음과 같습니다. https://demo.guru99.com/test/newtours/이며 이것이 기본 URL이 됩니다.

이제 첫 번째 테스트 스크립트를 만들어 보겠습니다. Selenium IDE는 가장 일반적인 방법인 녹음을 사용합니다. 그런 다음 재생 기능을 사용하여 스크립트를 실행하겠습니다.

녹음하여 스크립트 만들기

1단계

  • 실행 Firefox and Selenium IDE.
  • 기본 URL 값을 입력하세요. https://demo.guru99.com/test/newtours/.
  • Toggl(기본적으로 아직 켜져 있지 않은 경우) 녹화 버튼을 켭니다.

녹음하여 스크립트 만들기

2단계

In Firefox, 로 이동 https://demo.guru99.com/test/newtours/. Firefox 아래 표시된 것과 유사한 페이지로 이동해야 합니다.

녹음하여 스크립트 만들기

3단계

  • 다음과 같이 페이지 내의 빈 공간을 마우스 오른쪽 버튼으로 클릭합니다. Mercury 왼쪽 상단에 투어 로고가 있습니다. 그러면 Selenium IDE 상황에 맞는 메뉴. 참고: 하이퍼링크로 연결된 개체나 이미지를 클릭하지 마세요.
  • "사용 가능한 명령 표시" 옵션을 선택하십시오.
  • 그런 다음 "assertTitle 정확한: 환영합니다:"를 선택합니다. Mercury 투어.” 페이지 제목이 올바른지 확인하는 명령입니다.

녹음하여 스크립트 만들기

녹음하여 스크립트 만들기

4단계

  • "사용자 이름" 텍스트 상자에서 Mercury 투어에서는 잘못된 사용자 이름인 "invalidUNN"을 입력하세요.
  • "비밀번호" 텍스트 상자에 잘못된 비밀번호 "invalidPWD"를 입력합니다.

녹음하여 스크립트 만들기

녹음하여 스크립트 만들기
5단계

  • “로그인” 버튼을 클릭하세요. Firefox 이 페이지로 이동해야 합니다.

녹음하여 스크립트 만들기

6단계

Toggle 녹음 버튼을 꺼서 녹음을 중지합니다. 이제 스크립트는 아래 표시된 것과 같아야 합니다.

녹음하여 스크립트 만들기

7단계

이제 테스트 스크립트가 완료되었으므로 테스트 케이스에 저장하겠습니다. 파일 메뉴에서 "테스트 케이스 저장"을 선택합니다. 또는 간단히 Ctrl+S를 눌러도 됩니다.

녹음하여 스크립트 만들기

8단계

  • 원하는 위치를 선택한 후 이름을 지정하세요. 테스트 케이스 "Invalid_login"으로.
  • "저장"버튼을 클릭합니다.

녹음하여 스크립트 만들기

9단계

파일이 HTML로 저장되었음을 확인하세요.

녹음하여 스크립트 만들기

단계 10) 다시로 이동 Selenium IDE를 실행하고 재생 버튼을 클릭하여 전체 스크립트를 실행합니다. Selenium IDE는 모든 것을 완벽하게 복제할 수 있어야 합니다.

녹음하여 스크립트 만들기

장점 소개 Selenium 명령 – 셀레네즈

  • Selenese 명령은 최대 XNUMX개의 매개변수(target 및 value)를 가질 수 있습니다.
  • 매개변수가 항상 필요한 것은 아닙니다. 명령에 필요한 수에 따라 다릅니다.

명령 유형

행위 이는 페이지 요소와 직접 상호 작용하는 명령입니다.

예: "클릭" 명령은 클릭하는 요소와 직접 상호작용하기 때문에 동작입니다.

"type" 명령도 텍스트 상자에 값을 입력하고 텍스트 상자가 그 값을 표시하기 때문에 액션입니다. 사용자와 텍스트 상자 사이에는 양방향 상호 작용이 있습니다.

접근 자 변수에 값을 저장할 수 있는 명령입니다.

예: "storeTitle" 명령은 페이지 제목만 "읽고" 변수에 저장하므로 접근자입니다. 페이지의 어떤 요소와도 상호 작용하지 않습니다.

어설 션 특정 조건이 충족되었는지 확인하는 명령입니다.

3가지 유형의 주장

  • 주장하다. "assert" 명령이 실패하면 테스트가 즉시 중지됩니다.
  • 확인. "확인" 명령이 실패하면 Selenium IDE는 이 실패를 기록하고 테스트 실행을 계속합니다.
  • 기다립니다. 다음 명령으로 진행하기 전에 "waitFor" 명령은 먼저 특정 조건이 true가 될 때까지 기다립니다.
    • 대기 기간 내에 조건이 true가 되면 해당 단계는 통과됩니다.
    • 조건이 true가 되지 않으면 단계가 실패합니다. 실패가 기록되고 테스트 실행이 다음 명령으로 진행됩니다.
    • 기본적으로 시간 초과 값은 30초로 설정됩니다. 이 내용은 다음에서 변경할 수 있습니다. Selenium 일반 탭 아래의 IDE 옵션 대화 상자.

주장 및 확인 Selenium

주장 및 확인 Selenium

주장 및 확인 Selenium

일반적인 명령

명령 매개변수의 수 상품 설명
열 수 0 – 2 URL을 사용하여 페이지를 엽니다.
클릭/클릭하고기다리기 1 지정된 요소를 클릭합니다.
유형/유형키 2 일련의 문자를 입력합니다.
verifyTitle/assertTitle 1 실제 페이지 제목을 예상 값과 비교합니다.
verifyTextPresent 1 페이지 내에 특정 텍스트가 있는지 확인합니다.
verifyElementPresent 1 특정 요소가 있는지 확인합니다.
테이블 확인 2 표의 내용을 예상 값과 비교합니다.
WaitForPageToLoad 1 페이지가 완전히 로드될 때까지 실행을 일시 중지합니다.
waitForElementPresent 1 지정된 요소가 나타날 때까지 실행을 일시 중지합니다.

Firebug를 사용하여 수동으로 스크립트 만들기

이제 명령을 입력하여 동일한 테스트 케이스를 수동으로 다시 생성하겠습니다. 이번에는 Firebug를 사용해야 합니다.

1단계

Firebug를 사용하여 수동으로 스크립트 만들기

2 단계 : 에디터에서 맨 위의 빈 줄을 클릭하세요.

Firebug를 사용하여 수동으로 스크립트 만들기

명령 텍스트 상자에 "open"을 입력하고 Enter를 누릅니다.

Firebug를 사용하여 수동으로 스크립트 만들기

3단계

  • 이동 Firefox 기본 URL로 이동하여 Firebug를 활성화하세요.
  • . Selenium IDE 편집기 창에서 두 번째 줄("open" 명령 아래의 줄)을 선택하고 명령 상자에 "assertTitle"을 입력하여 두 번째 명령을 만듭니다.
  • 자동완성 기능을 마음껏 이용해 보세요.

Firebug를 사용하여 수동으로 스크립트 만들기

4단계

  • Firebug에서 표시하는 태그 꼬리표.
  • 해당 값을 클릭하세요. 태그('환영합니다: Mercury Tours”)를 붙여넣어 Target 편집기의 필드입니다.

Firebug를 사용하여 수동으로 스크립트 만들기

5단계

  • 세 번째 명령을 만들려면 편집기에서 세 번째 빈 줄을 클릭하고 명령 텍스트 상자에 "type"을 입력합니다.
  • Firebug에서 “검사” 버튼을 클릭하세요.

Firebug를 사용하여 수동으로 스크립트 만들기

사용자 이름 텍스트 상자를 클릭합니다. Firebug가 자동으로 해당 요소의 HTML 코드를 보여줍니다.

Firebug를 사용하여 수동으로 스크립트 만들기

6단계 사용자 이름 텍스트 상자에는 ID가 없지만 NAME 속성이 있습니다. 따라서 NAME을 로케이터로 사용합니다. NAME 값을 복사하여 붙여넣습니다. Target 필드 Selenium IDE.

Firebug를 사용하여 수동으로 스크립트 만들기

아직도에서 Target 텍스트 상자에서 "userName" 접두사 앞에 "name="을 붙여 다음을 나타냅니다. Selenium IDE는 NAME 속성이 "userName"인 요소를 대상으로 해야 합니다.

Firebug를 사용하여 수동으로 스크립트 만들기

값 텍스트 상자에 "invalidUN"을 입력하십시오. Selenium IDE. 이제 테스트 스크립트는 아래 이미지와 같아야 합니다. 세 번째 명령을 완료했습니다. 참고: InvalidUN 대신 다른 텍스트 문자열을 입력할 수 있습니다. 하지만 Selenium IDE는 대소문자를 구분하므로 애플리케이션에서와 똑같이 값/속성을 입력합니다.

Firebug를 사용하여 수동으로 스크립트 만들기

7단계

  • 네 번째 명령을 만들려면 명령 텍스트 상자에 "type"을 입력하세요.
  • 다시 Firebug의 "검사" 버튼을 사용하여 "비밀번호" 텍스트 상자의 로케이터를 가져옵니다.

Firebug를 사용하여 수동으로 스크립트 만들기

  • NAME 속성("비밀번호")을 Target 필드에 "name="이라는 접두사를 붙입니다.
  • 값 필드에 "invalidPW"를 입력합니다. Selenium IDE. 이제 테스트 스크립트는 아래 이미지와 같아야 합니다.

Firebug를 사용하여 수동으로 스크립트 만들기

8단계

  • 다섯 번째 명령의 경우 명령 텍스트 상자에 "clickAndWait"를 입력합니다. Selenium IDE.
  • Firebug의 "검사" 버튼을 사용하여 "로그인" 버튼에 대한 위치를 확인하세요.

Firebug를 사용하여 수동으로 스크립트 만들기

  • NAME 속성("로그인") 값을 Target 텍스트 상자에 "name="을 접두사로 추가합니다.
  • 이제 테스트 스크립트는 아래 이미지와 같아야 합니다.

Firebug를 사용하여 수동으로 스크립트 만들기

9 단계 : 이전 섹션에서 했던 것과 같은 방식으로 테스트 케이스를 저장합니다.

찾기 버튼 사용

찾기 버튼 Selenium IDE는 우리가 Target 텍스트 상자는 실제로 올바른 UI 요소입니다.

이전 섹션에서 생성한 Invalid_login 테스트 사례를 사용해 보겠습니다. 아무 명령이나 클릭하세요. Target 예를 들어 세 번째 명령을 입력하세요.

찾기 버튼 사용

찾기 버튼을 클릭합니다. 사용자 이름 텍스트 상자가 Mercury 투어 페이지가 잠시 강조 표시됩니다.

찾기 버튼 사용

이것은 다음을 나타냅니다. Selenium IDE가 예상된 요소를 올바르게 감지하고 액세스할 수 있었습니다. 찾기 버튼이 다른 요소를 강조 표시했거나 전혀 요소를 강조 표시하지 않았다면 스크립트에 문제가 있는 것입니다.

명령 실행

이를 통해 전체 테스트 사례를 실행하지 않고도 단일 명령을 실행할 수 있습니다.. 실행하려는 라인을 클릭한 다음 메뉴 표시줄에서 "작업 > 이 명령 실행"을 클릭하거나 키보드에서 "X"를 누르기만 하면 됩니다.

단계 1) 브라우저가 다음 위치에 있는지 확인하세요. Mercury 투어 홈페이지. 실행하려는 명령을 클릭하십시오. 이 예에서는 '유형 | 사용자 이름 | 무효UN' 라인.

명령 실행

단계 2) 키보드에서 “X”를 누르세요.

단계 3) 사용자 이름에 대한 텍스트 상자가 "invalidUN"이라는 텍스트로 채워지는 것을 확인하십시오.

명령 실행

이런 방식으로 명령을 실행하는 것은 페이지에 따라 크게 달라집니다. Firefox 현재 표시 중. 즉, 위의 예를 Google 홈페이지가 표시된 상태로 시도하면 Mercury Tours'의 경우 Google 홈페이지에 "userName" 속성이 있는 텍스트 상자가 없기 때문에 단계가 실패합니다.

시작점

시작점은 다음을 알려주는 지표입니다. Selenium 실행이 시작될 라인 IDE. 단축키는 "S" 입니다.

시작점

위의 예에서는 세 번째 줄부터 재생이 시작됩니다(입력 | 비밀번호 | invalidPW). 단일 테스트 스크립트에는 하나의 시작점만 있을 수 있습니다.

시작점은 현재 표시된 페이지에 따라 달라지는 Execute Command와 유사합니다. 잘못된 페이지에 있는 경우 시작점이 실패합니다.

중단 점

중단점은 다음을 알려주는 지표입니다. Selenium 테스트를 자동으로 일시 중지할 IDE입니다. 단축키는 "B" 입니다.

중단 점

노란색 강조 표시는 현재 단계가 보류 중임을 의미합니다. 이는 다음을 증명합니다. Selenium IDE가 해당 단계의 실행을 일시 중지했습니다. 하나의 테스트 케이스에 여러 개의 중단점이 있을 수 있습니다.

단계

테스트 케이스를 일시 중지한 후 한 번에 하나씩 후속 명령을 실행할 수 있습니다. 이전 섹션 "중단점"의 시나리오를 사용해 보겠습니다.

단계

“단계”를 클릭하기 전에.

테스트 케이스는 “clickAndWait | 로그인".

단계 “단계”를 클릭한 후.

“클릭앤기다림 | login” 라인이 실행되고 다음 명령(verifyTitle | Sign-on: Mercury 투어).

중단점이 없어도 다음 줄은 일시 중지됩니다. 이것이 단계 기능의 주요 목적입니다. 후속 명령을 한 번에 하나씩 실행하여 각 단계 후에 결과를 검사할 수 있는 더 많은 시간을 제공합니다.

소스 보기에서 다른 형식을 사용할 때 유의해야 할 중요한 사항

소스 보기에서 다른 형식을 사용할 때 유의해야 할 중요한 사항

Selenium IDE는 HTML에서만 잘 작동합니다. 다른 형식은 아직 실험 모드에 있습니다.. 그것은 바람직하지 않음 소스 보기에서 다른 형식을 사용하여 테스트를 생성하거나 편집하려면 아직 안정적으로 만들기 위해 많은 작업이 필요하기 때문입니다. 다음은 버전 1.9.1 기준으로 알려진 버그입니다.

  • HTML로 되돌리지 않으면 재생을 수행하거나 테이블 보기로 다시 전환할 수 없습니다.
  • 소스 코드에 명령을 안전하게 추가하는 유일한 방법은 명령을 기록하는 것입니다.
  • 소스 코드를 수동으로 수정하면 다른 형식으로 전환하면 모든 내용이 손실됩니다.
  • 소스 보기에 있는 동안 테스트 사례를 저장할 수 있지만 Selenium IDE에서 열 수 없습니다.

Selenese 테스트를 변환하는 권장 방법은 소스 보기를 통하지 않고 파일 메뉴 아래의 "테스트 케이스 내보내기..." 옵션을 사용하는 것입니다.

요약

  • 테스트 스크립트는 명령과 매개변수를 수동으로 기록하거나 입력하여 생성할 수 있습니다.
  • 스크립트를 수동으로 생성할 때 Firebug를 사용하여 로케이터를 가져옵니다.
  • 찾기 버튼은 명령이 올바른 요소에 액세스할 수 있는지 확인하는 데 사용됩니다.
  • 테이블 보기는 테스트 스크립트를 표 형식으로 표시하고 소스 보기는 HTML 형식으로 표시합니다.
  • 소스 보기를 HTML이 아닌 형식으로 변경하는 것은 아직 실험적입니다.
  • 다른 형식으로 테스트를 생성할 때 소스 보기를 사용하지 마십시오. 대신 내보내기 기능을 사용하세요.
  • 매개변수가 항상 필요한 것은 아닙니다. 명령에 따라 다릅니다.
  • 명령에는 세 가지 유형이 있습니다.
    • 작업 – 페이지 요소와 직접 상호 작용합니다.
    • 접근자 – 요소 속성을 "읽고" 변수에 저장합니다.
    • 단언 - 실제 값을 예상 값과 비교합니다.
  • 어설션에는 세 가지 유형이 있습니다.
    • Assert – 실패 시 후속 단계는 더 이상 실행되지 않습니다.
    • 확인 – 실패해도 후속 단계가 계속 실행됩니다.
    • WaitFor – 지정된 조건이 시간 초과 기간 내에 참이 되면 통과합니다. 그렇지 않으면 실패합니다.
  • 가장 일반적인 명령은 다음과 같습니다.
    • 열 수
    • 클릭/클릭하고기다리기
    • 유형/유형키
    • verifyTitle/assertTitle
    • verifyTextPresent
    • verifyElementPresent
    • 테이블 확인
    • WaitForPageToLoad
    • waitForElementPresent