zoukankan      html  css  js  c++  java
  • [Cypress] Create True end-to-end Tests with Cypress (Smoke test)

    Integration tests let us keep our tests fast and reliable. They also allow us to test scenarios that are hard to recreate in a full end-to-end setup. That being said, we should round out our test suite with some high-level smoke tests. In this lesson, we’ll create some tests that seed our data-source and avoid stubbing our network calls, allowing us to test all parts of the application while using known data to keep our tests flake-free.

    describe('Smoke Tests', () => {
    
        // context is no difference with describe in functionality
        context('No Todos', () => {
            it('Adds a new todo', () => {
                cy.server()
                cy.route('POST', '/api/todos').as('save')
    
                cy.visit('/')
    
                cy
                    .get('.new-todo')
                    .type('New todo')
                    .type('{enter}')
    
                cy.wait('@save')
    
                cy.get('.todo-list li').should('have.length', 1)
    
            })
        })
    
    });

    Now we have post a new todo to the backend, it will pass the test.

    But the problem is that, when you rerun the test again, it will faild, because now in the db, we have two todos.

    Therefore, we need to clear the db everytime before we run the test:

    describe('Smoke Tests', () => {
        beforeEach(() => {
            cy.request('DELETE', '/api/todos/all')
        })
    
    
        // context is no difference with describe in functionality
        context('No Todos', () => {
            it('Adds a new todo', () => {
                cy.server()
                cy.route('POST', '/api/todos').as('save')
    
                cy.visit('/')
    
                cy
                    .get('.new-todo')
                    .type('New todo')
                    .type('{enter}')
    
                cy.wait('@save')
    
                cy.get('.todo-list li').should('have.length', 1)
    
            })
        })
    })

    Another example:

        context('With todos', () => {
            beforeEach(() => {
                cy.fixture('todos').then(todos => {
                    cy.request('POST', '/api/todos/bulkload', {todos})
                })
    
                cy.server()
                cy.route('GET', '/api/todos').as('load')
    
                cy.visit('/')
    
                cy.wait('@load')
            })
    
            it('Deletes todos', () => {
                cy.route('DELETE', '/api/todos/*').as('delete')
    
                cy
                    .get('.todo-list li')
                    .each($el => {
                        cy
                            .wrap($el)
                            .find('.destroy')
                            .invoke('show')
                            .click()
    
                        cy.wait('@delete')
                    })
                    .should('not.exist')
            })
        })

    About smoke test

  • 相关阅读:
    jQuery 获取jsp页面中用iframe引入的jsp页面中的值
    spring事务管理
    mysql中将多行数据合并成一行数据
    C语言字符串格式化输出
    gdb无法单步调试
    Linux系统glibc库版本信息查看
    gcc编译命令行依赖库的指定顺序
    HDFS的基础与操作
    搭建Kubernetes容器集群管理系统
    如何在 CentOS 里下载 RPM 包及其所有依赖包
  • 原文地址:https://www.cnblogs.com/Answer1215/p/9270948.html
Copyright © 2011-2022 走看看