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

Posted 2023-02-16

【中文标题】如何在 mochawesome HTML 报告中查看 cy.log() 输出

【英文标题】：How to view cy.log() output in mochawesome HTML report

【发布时间】：2021-04-18 11:45:42

【问题描述】：

我想在 mochawesome 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(file)，尽管 example.json 是预期的 如何查看上述命令的输出？

【参考方案1】：

您可以使用 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);
);