Cyprerss的钩子函数

简介: 大家好,我是阿萨。昨天学习了如何使用describe,context,specify 和it 去组织自动化测试用例。大家也学会了如何去写好一个test suites了。有同学就问了,之前用selenium 或者其他测试框架的时候,都有setup 和teardown 等函数。cypress 咋没见这2个函数。哪如何实现每个测试的suite 之前都执行某个代码逻辑或者是每个测试用例之前都需要执行代码?

今天我们就来学习下cypress的 钩子函数。


Cypress 和Mocha 一样提供四个钩子函数:


●before() ----当前测试套件,所有测试用例之前执行。

●after()---当前测试套件,所有测试用例之后执行。

●beforeeach()----当前测试套件,每个测试用例之前执行。

●aftereach()-----当前测试套件,每个测试用例之后执行。


它们的作用是测试开始时设置测试的先决条件(比如准备测试数据)。或者测试结束后对测试环境进行清理(例如清理DB)。使用个例子看一下。


describe('1st Describe to show 1st suite ', () => {
    before(function(){        
    cy.log("Will run before all test scripts.")    
    }    
    )
    beforeEach(function(){        
    cy.log("Will run before each testing scripts.")    
    }
    )
    afterEach(function(){        
    cy.log("Will run after each testing scripts.")    
    }
    )
describe('Describe Inside Describe to show nested suite', () => {
    it('first test inside', () => {            
    cy.log('first test inside')            
    assert.equal(true, true)        
    })   
    })    
    it('1st test', () => {
        cy.log('1st test')        
        assert.equal(true, true)    
        })    
     specify('2nd test', () => {        
     cy.log('2nd test')        
     assert.equal(true, true)    
     })      
     after(function(){        
     cy.log("Will run after all test scripts.") 
     })
     })
context('2nd suite', () => {
    it('first test', () => {        
    cy.log('first test')        
    assert.equal(true, true) 
    })    
    it('2nd test', () => {
    cy.log('2nd test')
    assert.equal(true, true)
    })
})


这是例子的执行结果,通过例子的执行结果可以清晰的看出作用域。


5c173c78ef1746a3a36aaf574cd71c5b_tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.jpg


e990bf25a4b14f50a17b2eb0be388a18_tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.jpg


你学会了吗?


如果觉得阿萨的内容对你有帮助,欢迎围观点赞。


相关文章
|
3月前
|
存储 前端开发 JavaScript
useRef 钩子使用技巧
【10月更文挑战第12天】本文详细介绍了 React 中的 `useRef` Hook,包括其基础概念、基本用法、常见问题与易错点以及如何避免这些问题。通过具体代码示例,解释了 `useRef` 的应用场景,如保存对 DOM 元素的引用、保存回调函数和定时器 ID 等,帮助开发者更有效地使用这一工具。
152 14
|
3月前
|
前端开发 开发者
useContext 钩子详解
【10月更文挑战第14天】`useContext` 是 React 中的一个 Hook,用于在组件树中传递数据,避免手动传递 props。本文从基本概念、使用方法、常见问题及解决方法等方面详细介绍了 `useContext`,并提供了代码示例,帮助开发者更好地理解和应用这一钩子。
95 5
|
3月前
|
前端开发 JavaScript
useReducer 钩子实战
【10月更文挑战第13天】在 React 中,`useState` 是常用的状态管理钩子,但面对复杂状态逻辑时,`useReducer` 提供了更结构化的方式。本文从基础到进阶介绍 `useReducer` 的使用方法、常见问题及解决方案,并通过计数器和表单组件的示例加深理解。
60 3
|
3月前
|
JavaScript
|
3月前
|
前端开发 JavaScript 开发者
useEffect 钩子详解与实战
【10月更文挑战第3天】React 作为一个流行的 JavaScript 库,通过 Hooks 大幅简化了组件开发。`useEffect` 是一个核心 Hook,用于处理函数组件中的副作用操作,如数据获取和 DOM 更改。本文详细介绍了 `useEffect` 的基本语法、常见用法及示例,包括模拟 `componentDidMount`、`componentDidUpdate` 和 `componentWillUnmount`。此外,还探讨了如何避免无限循环渲染和内存泄漏等问题,并提供了相应的解决方案,帮助开发者更好地理解和应用 `useEffect`,提升应用程序的性能与稳定性。
65 7
|
6月前
|
自然语言处理 JavaScript API
|
8月前
|
JavaScript
【vue】生命周期钩子函数的执行过程和父子组件钩子函数的执行顺序
【vue】生命周期钩子函数的执行过程和父子组件钩子函数的执行顺序
42 1
|
8月前
|
前端开发 JavaScript 开发者
掌握React中的useEffect:函数组件中的魔法钩子
掌握React中的useEffect:函数组件中的魔法钩子
|
8月前
|
JavaScript 前端开发
生命周期钩子函数
生命周期钩子函数
52 1
|
JavaScript
vue组件的声明周期(钩子函数)
vue组件的声明周期(钩子函数)