diff --git a/packages/web-integration/playwright.config.ts b/packages/web-integration/playwright.config.ts
index a90a0905f..121066800 100644
--- a/packages/web-integration/playwright.config.ts
+++ b/packages/web-integration/playwright.config.ts
@@ -38,5 +38,5 @@ export default defineConfig({
       use: { ...devices['Desktop Chrome'] },
     },
   ],
-  reporter: './dist/es/playwright-report.js',
+  reporter: './src/playwright/reporter/index.ts',
 });
diff --git a/packages/web-integration/src/playwright/reporter/index.ts b/packages/web-integration/src/playwright/reporter/index.ts
index 6c7d9960c..3a2c529e1 100644
--- a/packages/web-integration/src/playwright/reporter/index.ts
+++ b/packages/web-integration/src/playwright/reporter/index.ts
@@ -12,7 +12,9 @@ import { generateTestData } from './util';
 const testDataList: Array<TestData> = [];
 
 function logger(...message: any[]) {
-  console.log('Midscene e2e report:', ...message);
+  if (process.env.DEBUG === 'true') {
+    console.log('Midscene e2e report:', ...message);
+  }
 }
 
 class MidSceneReporter implements Reporter {
@@ -51,7 +53,8 @@ class MidSceneReporter implements Reporter {
   onEnd(result: FullResult) {
     logger(`Finished the run: ${result.status}`);
     generateTestData(testDataList);
-    logger(
+    console.log(
+      '\x1b[32m%s\x1b[0m',
       `The report is generated successfully. Run the "node ./midscene-report/index.js" command to start the report`,
     );
   }