feat: otter sdk training - update of visual testing (AmadeusITGroup#2487

)

## Proposed change

Update of screenshots for visual testing (since addition of SDK
Introduction page and SDK Training in the sidenav).
We will open another PR for visual testing of the SDK Training once we
are done with each step.

## Related issues

<!--
Please make sure to follow the [contribution
guidelines](https://github.com/amadeus-digital/Otter/blob/main/CONTRIBUTING.md)
-->

*- No issue associated -*

<!-- * 🐛 Fix #issue -->
<!-- * 🐛 Fix resolves #issue -->
<!-- * 🚀 Feature #issue -->
<!-- * 🚀 Feature resolves #issue -->
<!-- *  Pull Request #issue -->

apps/showcase/e2e-playwright/sanity/lighthouse-sanity.e2e.ts

@@ -122,4 +122,13 @@ test.describe('Lighthouse tests', () => {
     await page.waitForURL('**/placeholder');
     await performAudit('placeholder', page, testInfo);
   });
+
+  test('sdk-intro', async ({page}, testInfo) => {
+    await page.goto(baseUrl);
+    const appFixture = new AppFixtureComponent(new O3rElement({element: page.locator('app-root'), page}));
+    await appFixture.navigateToSDKIntro();
+    await page.waitForURL('**/sdk-intro');
+    await performAudit('sdk-intro', page, testInfo);
+  });
+
 });

apps/showcase/e2e-playwright/sanity/visual-sanity.e2e.ts

@@ -68,5 +68,11 @@ test.describe.serial('Sanity test', () => {
       await page.waitForURL('**/placeholder');
       await expect(page).toHaveScreenshot([browserName, 'placeholder.png'], {fullPage: true, mask: [page.locator('.visual-testing-ignore')]});
     });
+
+    await test.step('sdk-intro', async () => {
+      await appFixture.navigateToSDKIntro();
+      await page.waitForURL('**/sdk-intro');
+      await expect(page).toHaveScreenshot([browserName, 'sdk-intro.png'], {fullPage: true, mask: [page.locator('.visual-testing-ignore')]});
+    });
   });
 });

apps/showcase/src/app/app.fixture.ts

@@ -29,6 +29,8 @@ export interface AppFixture extends ComponentFixtureProfile {
   navigateToSDKGenerator(): Promise<void>;
   /** Go to placeholder page */
   navigateToPlaceholder(): Promise<void>;
+  /** Go to SDK-intro page */
+  navigateToSDKIntro(): Promise<void>;
 }
 
 export class AppFixtureComponent extends O3rComponentFixture implements AppFixture {
@@ -83,8 +85,13 @@ export class AppFixtureComponent extends O3rComponentFixture implements AppFixtu
   }
 
   /** @inheritDoc */
-  public async navigateToSDKGenerator() {
+  public async navigateToSDKIntro() {
     await (await this.getSideNav()).clickOnLink(9);
   }
 
+  /** @inheritDoc */
+  public async navigateToSDKGenerator() {
+    await (await this.getSideNav()).clickOnLink(10);
+  }
+
 }