commands

Cypress는 사용자 임의적 Command 생성 및 사용에 대해 지원을 해준다. (공식 사이트)

Cypress > Support > commands.js 에 Command 를 등록 및 사용을 하면 된다.

Cypress commands.js

가령 예제로, inputValue 라는 나만의 Command를 만들어볼 경우,

commands.js 에 아래와 같이 등록을 한다.

 

등록

Cypress.Commands.add('inputValue', (selector, value) => {
    cy.get(selector)
        .type(value)
        .should('have.value', value)
})

 

selector에 value 값을 입력하고, value가 출력되는지 확인하는 command를 작성

 

사용

it('input에 text 값이 입력되어야 한다.', () => {
        cy.inputValue('#input', 'text')
    })

~.spec.js에서 바로 cy. 를 통해 접근을 해서 사용이 가능

 

commands를 적당히 쓰면 spec 양이 줄어들지 않을까 싶다. 
적당히 라는게 정말 어렵지만..