zoukankan      html  css  js  c++  java
  • [Cypress] Create a Single Custom Cypress Command from Multiple Commands

    Cypress provides a straightforward API that allows you to define custom commands. In this lesson, we’ll take a series of Cypress commands and wrap them up in a single custom command so we can easily repeat these steps in multiple specs.

    We have this partten in the code:

        it('should have four initial todos and waiting loaded', function () {
            cy.server(); // open server
            cy.route('GET', '/api/todos', 'fixture:todos') // tell the endpoint, give fixture as data
                .as('loadingTodos'); // mark it as loading
            cy.visit('/'); // visit the page
            cy.wait('@loadingTodos'); // wait until the loading is finished
    
            cy.get('.todo-list > li')
                .should('have.length', 4);
        });

    Those code which has comments actually can be reused in many places.

    Cypress enalbes us to create custom commands to use, so that we can reuse part of code everytime.

    Open cypress/support/commands.js, add following code:

    Cypress.Commands.add('seedAndVisit', (seedData = 'fixture:todos') => { // using 'fixture:todos' if seedData is undefined
      cy.server()
      cy.route('GET', '/api/todos', seedData).as('load')
    
      cy.visit('/')
    
      cy.wait('@load')
    });

    To use the commands:

        it('should use Cypress commands to simplify the code: using default value', function () {
            cy.seedAndVisit();
            cy.get('.todo-list > li')
                .should('have.length', 4);
        });
    
        it('should use Cypress commands to simplify the code: using defined value', function () {
            cy.seedAndVisit([]);
            cy.get('.todo-list > li')
                .should('have.length', 0);
        });
  • 相关阅读:
    八个方便C#开发的省时的国外工具
    从babel-polyfill的一个坑而起
    Universal Link
    微信机器人
    微信手记
    Elasticsearch手记
    小游戏引擎手记
    【数学基础】3D数学基础-左右手坐标系
    【linux基础】linux误改sudoers权限之后的恢复及配置sudoers
    【c/c++基础】struct/typedef struct的用法详解总结
  • 原文地址:https://www.cnblogs.com/Answer1215/p/9090750.html
Copyright © 2011-2022 走看看