Not a Penny More

    cy-mobile-commands
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.3 • Public • Published

    Mobile testing helper for Cypress

    Installing

    Step 1, intall this package

    npm install --save-dev cy-mobile-commands

    Step 2, load it to your Cypress test context

    Open cypress/support/index.js and add:

    import 'cy-mobile-commands'

    Step 3, ...

    there is no more steps.

    Commands

    swipe

    Syntax

    .swipe([configObject,] checkpoint1, checkpoint2[, ..., checkpointN])

    The configObject parameter is optional. The available options are:

    • delay: (number of milliseconds = 300) the delta time from the touchstart to touchend.
    • steps: (integer = computed) the number of steps between two checkpoints.
    • draw: (boolean = true) display the swipe path over the page.

    You can set two or more steps to make the swipe path as complex as you need.

    Where checkpoint# can be a position, or an array of positions. An array of positions perform a multi touch action.

    Where position can be:

    • A explicit position defined with number values: [clientX, clientY].
    • A named position: left, right, top, bottom, top-left, top-right, bottom-left, bottom-right or center. (You can replace kebab-case by camelCase)

    Usage example

    it('page switch', () => {
      cy.visit('book.somewhere')
      cy.get('#my-page1').should('be.visible')
      cy.get('#my-page2').should('not.be.visible')
      cy.get('#my-slidable-book').swipe('right', 'left')
      cy.get('#my-page1').should('not.be.visible')
      cy.get('#my-page2').should('be.visible')
    })
    
    it('zoom a map', () => {
      cy.visit('map.somewhere')
      cy.get('#map').swipe({delay: 2000}, [[80,250],[80,350]], [[80,100],[80,500]])
    })

    Install

    npm i cy-mobile-commands@0.0.3

    Version

    0.0.3

    License

    ISC

    Unpacked Size

    32.8 kB

    Total Files

    10

    Last publish

    Collaborators

    • aurium