zoukankan      html  css  js  c++  java
  • Cypress系列(59)- 实时调试和中断

    如果想从头学起Cypress,可以看下面的系列文章哦

    https://www.cnblogs.com/poloyy/category/1768839.html

    前言

    Cypress 提供了两种方式的 debug

    .debug()

    作用

    • 在定位问题时,可以使用 .debug() 来调试,查看此时系统的状态
    • 记得需要打开浏览器开发者工具哦(F12),才能让调试生效

    语法格式

    .debug()
    .debug(options)
    
    // ---or---
    
    cy.debug()
    cy.debug(options)

    命令返回结果

    返回上一条命令产生的结果

    正确用法

    // 在命令开头就进行调试
    cy.debug().getCookie('app')
    
    // 调试 get 命令
    cy.get('nav').debug()

    栗子

    cy.get('a').debug().should('have.attr', 'href')

    测试结果

    主要看 F12

    debugger

    作用

    Cypress 测试代码和被测应用运行在同一个循环中,意味着有访问和控制页面上运行着的代码的权利

    栗子一

    it('debugger', function () {
        cy.get('a').then(function () {
            debugger
        })
    });

    记得需要打开浏览器开发者工具哦(F12)

    测试结果

    命令执行流程

    上面的代码整个工作流程如下

    •  cy.visit() 访问页面,Cypress 等待加载
    • 查询该元素(a 标签),如果没有立即找到它,Cypress会自动等待并重试一会儿
    •  .get()  执行结果传递给 .then() 函数
    • 在 .then() 函数的上下文中,调用 debugger 调试器,停止运行测试代码并调用 Developer Tools 的焦点
    • 检查应用程序的状态,执行 debugger
  • 相关阅读:
    mysql 统计数据库基本资源sql
    java ffmpeg (Linux)截取视频做封面
    shutil模块
    json模块与pickle模块
    hashlib模块
    sys模块
    os模块
    paramiko模块
    Python reduce() 函数
    瀑布流展示图片
  • 原文地址:https://www.cnblogs.com/poloyy/p/13739864.html
Copyright © 2011-2022 走看看