mocha.js - 详细报告Cypress/Mochawesome

Question

有没有人有使用Mochawesome作为报告引擎从 Cypress 测试生成好的详细报告的丰富经验？

我已经关注了Mochawesome GIT页面上的信息，但是我得到的却很乏味!



我希望能够包含奇数截屏和断言的输出-这是当前的cypress.json文件...

{
 "projectId": "haw8v6",
"baseUrl": "https://obmng.dbm.guestline.net/",
"chromeWebSecurity": false,
"reporter" : "mochawesome",
 "reporterOptions" : {
"reportFilename" : "DBM Smoke-Test",
"overwrite": true,
"inline": true

}
}

我一直在用 var addContext = require('mochawesome/addContext');玩弄，但是一点儿也不高兴。

收到的建议不胜感激。

谢谢

根据以下请求- addContext的非常基本的示例

var addContext = require('mochawesome/addContext');

describe('DBM Smoketests', function() {
it('E2E Hotel2 WorldPay System', function() {
    cy.visit('https://obmng.dbm.guestline.net/');


                    cy.url().should('include','/obmng.dbm');
                    addContext(this,'URL is correct');

 //loads hotel 2 
    cy.get('.jss189 > div > .jss69 > .jss230').click();

Answer 1

经过大量的研究，我找到了一种在 Cypress 中使用Mochawesome addContext的方法。

请注意，每个测试只能进行一次addContext调用(这是Mochawesome的限制)。

describe('DBM Smoketests', function() {
  it('E2E Hotel2 WorldPay System', function() {
    cy.visit('https://obmng.dbm.guestline.net/');
    cy.url().should('include','/obmng.dbm');

    Cypress.on('test:after:run', (test) => {
      addContext({ test }, { 
        title: 'This is my context title', 
        value: 'This is my context value'
      })
    });
  });
});

第二个参数是要附加到测试的上下文，它必须具有非空的 title和 value属性。

您在 mochawesome.json输出中得到的是

...
"suites": [
  {
    ...
    "tests": [
      {
        "title": "E2E Hotel2 WorldPay System",
        ...
        "context": "{\n  \"title\": \"This is my context title\",\n  \"value\": \"This is my context value\"\n}",
        "code": "...",
        ...
      }
    ],

在 mochawesome.html中，单击测试即可获得

Additional Test Context
This is my context title:
This is my context value

我没有用字符串以外的其他值类型进行尝试。

对于在Cypress中以Mochawesome开头的任何人，请注意，看来您只能通过运行 cypress run而不是 cypress open来获得Mochawesome报告-尽管可以使用mocha的多报告功能来解决此问题。