How to display diff image on reporter? about visual-testing HOT 3 CLOSED

const { addAttachment, addDescription } = require('@wdio/allure-reporter').default;
const allureReport = require('@wdio/allure-reporter').default;
// Added diff for visual regression in report

  if (scenario.result.message && scenario.result.message.toString().includes('The comparison has failed')) {
    const pathScreenshot = path.resolve(
      `.tmp/diff/desktop_${browserName.toLowerCase().replace('edge', 'microsoftedge')}`,
      `${browser.params.screenshotName.replace(/ /g, '_')}.png`
    );

    const imageTo64 = base64Img.base64Sync(pathScreenshot).replace('data:image/png;base64,', '');
    allureReport.addAttachment('Diff image', Buffer.from(imageTo64, 'base64'), 'image/png');
  }