테스트 사례 실행을 위해 Azure 파이프라인에서 Cypress를 데이터베이스와 통합하는 방법

테스트 사례 실행을 위해 Azure 파이프라인에서 Cypress를 데이터베이스와 통합하는 방법

이 블로그 원본은 https://qaautomationlabs.com/how-to-setup-and-run-cypress-test-cases-in-azure-devops-pipeline-2/에 게시됩니다.

테스트 사례 실행을 위해 Azure Cloud의 데이터베이스와 Cypress 통합에 대한 블로그 표지
사전 요청

Azure free account should be set up already
User already logged into Azure DevOps

Azure 클라우드에서 SQL 데이터베이스 생성

1 단계

아래 화면에서 리소스 만들기를 선택합니다.



로그인 후 우리는 아래 화면을 볼 수 있습니다
테스트 사례 실행을 위해 Azure Cloud의 데이터베이스가 포함된 Cypress

2 단계

Azure Cloud에서 SQL 데이터베이스 실행 cypress 테스트 사례 아래에서 "만들기"를 클릭합니다.



"Create"데이터베이스를 클릭하면 아래 화면이 열립니다.
테스트 사례 실행을 위해 Azure Cloud의 데이터베이스가 포함된 Cypress



3단계

데이터베이스 이름 제공



4단계

아래 세부 정보를 제공하여 새 서버를 생성하려면 "새로 만들기"(위 화면에서)를 클릭하십시오.



5단계

새로 만들기를 클릭하여 리소스 그룹을 만듭니다(아래 화면에서).



데이터베이스 테스트 사이프러스 | 테스트 사례 실행을 위해 Azure Cloud의 데이터베이스가 포함된 Cypress

6단계

리소스 그룹을 제공한 후 검토 + 만들기를 클릭합니다. "데이터베이스 생성"이 시작됩니다(아래 참조).



몇 분의 배포가 완료되면 아래 화면에서 볼 수 있습니다.



홈 페이지에서 생성된 데이터베이스와 리소스를 볼 수 있습니다.



7단계

테이블 만들기

아래 스크린샷에서 쿼리 편집기를 클릭합니다.



로그인/비밀번호 입력



테스트 사례 실행을 위해 Azure Cloud의 데이터베이스가 포함된 Cypress

두 개의 필드 이메일 ID와 암호로 쿼리를 생성합니다(이 두 필드는 Cypress에 로그인할 때 사용할 것입니다).



테스트 사례 실행을 위해 Azure Cloud의 데이터베이스가 포함된 Cypress
CREATE TABLE testyou(Login_Id varchar(255),password varchar(255));

테이블이 생성되면 확장하여 볼 수 있습니다.

8단계

테이블에 데이터 삽입
INSERT INTO testyou(Login_Id,password)VALUES('xxxx','xxx');
INSERT INTO testyou(Login_Id,password)VALUES('ZZZ','ZZZ');

데이터가 생성된 테이블

참고: 테스트에 사용하는 사이트는 http://www.testyou.in/Login.aspx입니다.



Cypress 및 기타 플러그인 설치

1 단계

Cypress 설치 링크 참조
https://docs.cypress.io/guides/getting-started/installing-cypress#npm-install

2 단계

Cypress DB 플러그인 설치
npm install --save-dev cypress-sql-server
플러그인은 아래와 같이 cypress/plugins/index.js 파일에서 초기화할 수 있습니다.
const sqlServer = require('cypress-sql-server');
const dbConfig = require("../../cypress.json");module.exports = (on, config) => {
tasks = sqlServer.loadDBPlugin(dbConfig.db);
on('task', tasks);
}


3단계

support/index.js 아래에 아래 줄을 추가합니다.

확장은 여러 명령 집합을 제공합니다. 필요한 것을 가져올 수 있습니다. support/index.js 파일 예시.

'cypress-sql-server'에서 sqlServer 가져오기;
sqlServer.loadDBCommands();

4단계

cypress.json 업데이트

아래 줄로 cypress.json을 업데이트합니다.
"db": {
"userName": "<userName>",
"password": "<password>",
"server": "qatube.database.windows.net",
"options": {
"database": "QATube",
"encrypt": true,
"rowCollectionOnRequestCompletion" : true
}
}
5단계

DB에서 값을 호출하는 .spec 파일 생성(DB에서 구성)



위 실행의 출력

여기에서 FIRST 행의 값이 검색되는 것을 볼 수 있습니다.



6단계

이제 이 데이터를 TEST Case에서 사용하여 사이트에 로그인해야 합니다.

테스트 케이스 생성 login_page.spec.js

///

describe("로그인 기능 테스트 : 애플리케이션에 로그인하고 로그아웃 ", () => {

데이터를 보자;

전에(() => {

cy.visit("http://www.testyou.in/Login.aspx” );

cy.sqlServer("testyou에서 *선택").then(함수(결과) {

데이터 = 결과;});});

it("애플리케이션에 로그인", () => {

cy.get("#ctl00_CPHContainer_txtUserLogin").type(data[0][0]);//DB에서 데이터 할당

cy.get("#ctl00_CPHContainer_txtPassword").type(데이터[0][1]);//DB에서 데이터 할당

cy.get("#ctl00_CPHContainer_btnLoginn").click();});

it("응용 프로그램에서 로그아웃", () => {

cy.get("#ctl00_headerTopStudent_lnkbtnSignout").click();});

});
테스트 케이스 실행의 출력

로그에서 로그인 ID 및 암호 값이 Azure SQL Server DB에서 오는 것을 볼 수 있습니다.



☕️ 행복한 테스트! ☕️