Button to approve or disapprove new screenshot if there is a mismatch

[zinaelnahel]

Hi Sudharsan , first of all great work. Second here is my question is there a way to use this library without this adapter part because I already have the S3 bucket part working and the screenshots as well as the report are deployed there. I just want to import the PlayShotMatcher and use it directly is that possible ?
import { test as BaseTest, expect } from '@playwright/test';
import { PlayShot } from 'playwright-cloud-visuals';

const playshot = new PlayShot({
adapter: s3Adapter, // or sshAdapter for SFTP
remotePathDelimiter: 'screenshots',
});

const test =
BaseTest.extend <{ playShot: PlayShotMatcher }>
{
playShot: async ({ page }, use, testInfo) => {
await use(playshot.createMatcher(page, testInfo));
},
};

export default test; Also does the button to disapprove or approve the new different screenshot appear on the playwright report or are you generating a customized report ? Thanks in advance for your reply

[sudharsan-selvaraj]

Hey @zinaelnahel, we don't have a sophesticated way to updated the screenshots via reporter the this point.

What this library currently does is, users can pass in a parameter during the assertion to let the library know to automatically replace the current screenshot to the s3 bucket.

await playShot.assertPage({
  update: true,
});

[zinaelnahel]

Ah ok so we can not see it in the report and then choose to approve or disapprove via a button in the playwright report

[sudharsan-selvaraj]

Ah no, it not feasible with the current playwright reported. We need to create a custom reporter to able to achieve that.