Cypress-테스팅 프레임워크

describe('My first Test', function () { it('Click the link', function () { // ! : 테스트를 하려는 사이트에 이동 cy.visit('https://example.cypress.io'); // ! : cy.contains()를 이용하여 요소를 찾고, // ! : 찾은 요소에 click()을 붙이면 요소를 클릭할 수 있다. cy.contains('type').click(); // ! : 요소를 클릭하여 들어간 page url에 /commands/actions가 포함되는지 확인한다. cy.url().should('include', '/commands/actions'); }); });

describe('My first Test', function () { it('Gets, types and asserts', function () { //테스트를 하려는 사이트에 이동 cy.visit('https://example.cypress.io'); //cy.contains()를 이용하여 요소를 찾고, //찾은 요소에 click()을 붙이면 요소를 클릭할 수 있다. cy.contains('type').click(); //요소를 클릭하여 들어간 page url에 /commands/actions가 포함되는지 확인한다. cy.url().should('include', '/commands/actions'); // ! : get()을 통하여 css 클래스 요소를 찾을 수 있다. // ! : type()을 통하여 선택된 요소(input)에 값을 입력할 수 있다. // ! : should()의 have.value를 통하여 요소의 value에 입력값이 잘 담겨져있는지 확인할 수있다. cy.get('.action-email') .type('fake@email.com') .should('have.value', 'fake@email.com'); }); });