👌 IMPROVE: Treace viewer

readme.md

@@ -48,6 +48,9 @@ TypeScript is a powerful superset of JavaScript that adds optional static typing
          ] 
 ```
 7. Use tags to run a specific or collection of specs
+```
+npm run test --TAGS="@test or @add"
+```
 
 ### Folder structure
 0. `src\pages` -> All the page (UI screen)

src/hooks/hooks.ts

@@ -57,24 +57,24 @@ Before({ tags: '@auth' }, async function ({ pickle }) {
 After(async function ({ pickle, result }) {
     let videoPath: string;
     let img: Buffer;
-    if (result?.status == Status.FAILED) {
+    const path = `./test-results/trace/${pickle.id}.zip`;
+    if (result?.status == Status.PASSED) {
         img = await fixture.page.screenshot(
             { path: `./test-results/screenshots/${pickle.name}.png`, type: "png" })
         videoPath = await fixture.page.video().path();
     }
-    const path = `./test-results/trace/${pickle.id}.zip`;
     await context.tracing.stop({ path: path });
     await fixture.page.close();
     await context.close();
-    if (result?.status == Status.FAILED) {
+    if (result?.status == Status.PASSED) {
         await this.attach(
             img, "image/png"
         );
         await this.attach(
             fs.readFileSync(videoPath),
             'video/webm'
         );
-        const traceFileLink = `<a href="https://trace.playwright.dev/?trace=blob&traceFileName=${encodeURIComponent(path)}">Open</a>`
+        const traceFileLink = `<a href="https://trace.playwright.dev/">Open ${path}</a>`
         await this.attach(`Trace file: ${traceFileLink}`, 'text/html');
 
     }

src/test/features/addToCart.feature

@@ -4,6 +4,7 @@ Feature: Add products to cart
     Given User navigates to the application
     And User click on the login link
 
+  @add
   Scenario Outline: Authenticated Users - Add to cart
     And User enter the username as "<username>"
     And User enter the password as "<password>"