如何在mochawous HTML报告中查看cy.log()输出

本文介绍了如何在mochawous HTML报告中查看cy.log()输出的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想在mochawous HTML报告中查看cy.log()命令的输出。以下是代码

    /// <reference types="cypress" />

describe("Cypress File Upload", function() {
    it("File Upload test", () => {
        cy.visit('https://the-internet.herokuapp.com/')
        cy.get('a[href="/upload"]').click()
        const file = 'example.json'
        cy.get('#file-upload').click().attachFile(file)
        cy.get('#file-submit').click()
        cy.log(file)
        cy.get('#uploaded-files').contains('example.json', {matchCase: true})
    })
})

生成的HTML报告按原样显示cy.log(文件)，但应显示example.json如何查看上述命令的输出？

推荐答案

您可以使用addContext。在cypress/support/Commands.js中，您必须放入以下代码：

import addContext from 'mochawesome/addContext';
Cypress.Commands.add('addContext', (context) => {
  cy.once('test:after:run', (test) => addContext({ test }, context));
});

之后，您可以在测试中使用命令cy.adContext：

cy.get('p').invoke('text').then(($text) => {
  cy.addContext($text);
});

这篇关于如何在mochawous HTML报告中查看cy.log()输出的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！