Mocha type report is missing the Screenshot under attachments section

[Satish-2292]

Hi Team, I'm using the Testbeats for the first time and the setup is user-friendly and I'm happy to found out this one. I am not able to attach the screenshots to my Testbeats report. it is using mocha reporting and Automation tool is Cypress. Please find out the below info.

Reporting config in Cypress Config file:

 reporter: 'cypress-mochawesome-reporter',
  reporterOptions: {
    reportDir: 'cypress/reports',
    charts: true,
    video: false,
    reportPageTitle: 'Test-Result',
    embeddedScreenshots: true,
    inlineAssets: true,
    saveAllAttempts: false,
    reportFilename: '[status]_[datetime]-[name]-report', // Adds the asserts inline
    overwrite: true, // Prevent overwriting reports
    json: true, // Generate JSON reports
  },

I'm skipping Metadata in this description. it is there in my config file
Testbeats config file: ->

{
  "apiKey": "My API Key",
  "project": "Project Name",
  "run": "QA-Ondemand-run-{TEST_BEATS_CI_BUILD_NUMBER}",
  "results": [{
    "type": "mocha",
    "files": ["cypress/reports/*.xml", "cypress/reports/*.json"],
    "attachments": {
        "path": "cypress/screenshots",
        "pattern": "**/*.png"
      }
  }],
}

As it is mochawesome reporter, I can able to see the screenshot details with context key

 "context": "{\n  \"title\": \"cypress-mochawesome-reporter-screenshots\",\n  \"value\": [\n    [\n      \"/ReputationIsLoaded.cy.js/TestLogin (failed).png\"\n    ],\n    [\n      \"/ReputationIsLoaded.cy.js/TestLogin (failed) (attempt 2).png\"\n    ],\n    [\n      \"/ReputationIsLoaded.cy.js/TestLogin (failed) (attempt 3).png\"\n    ]\n  ]\n}"

I hope I provided as much as stack trace I can. could you please help me to solve this issue.

[JeanCarlos88]

Aqui vão algumas sugestões para investigar e possivelmente resolver o problema:

• Verifique o caminho dos screenshots: Certifique-se de que o caminho definido em attachments.path no seu testbeats.config.json corresponde exatamente ao local onde os screenshots estão sendo salvos. No seu caso:

"attachments": {
  "path": "cypress/screenshots",
  "pattern": "**/*.png"
}

• Esse caminho deve ser relativo ao diretório onde o Testbeats está sendo executado.
• Confirme a estrutura do campo context: O cypress-mochawesome-reporter salva os screenshots no campo context do JSON. O Testbeats precisa ser capaz de interpretar esse campo corretamente. Verifique se a estrutura do JSON está de acordo com o esperado pela ferramenta.
• Use caminhos relativos consistentes: No seu exemplo, os caminhos dos screenshots no campo context começam com uma barra (/ReputationIsLoaded.cy.js/...). Tente remover a barra inicial ou ajustar o attachments.path para refletir isso corretamente.
• Atualize o Testbeats: Certifique-se de estar usando a versão mais recente do Testbeats, pois pode haver correções recentes relacionadas ao suporte de screenshots em relatórios do Mocha.
  Se após essas verificações o problema persistir, talvez seja útil compartilhar um trecho do JSON gerado pelo cypress-mochawesome-reporter (omitindo dados sensíveis) para que a comunidade possa ajudar a depurar com mais precisão.Espero que isso ajude! Se conseguir resolver, compartilhe aqui para ajudar outros usuários também.

[Satish-2292]

Thank you @JeanCarlos88, I tried this but the same issue persist.

[ASaiAnudeep]

@Satish-2292 looks like the default reporter does not support attachments in junit report. I have used an alternative reporter cypress-xml-reporter

Checkout the code here - https://github.com/test-results-reporter/testbeats-examples/tree/main/cypress

[Satish-2292]

@ASaiAnudeep , Thank you for the suggestion and it helped. now my reporting is working as expected.