fix: use stable element in example of toMatchScreenshot assertions

Author: uid11

autotests/fixtures/expectedScreenshots/Nzq9MAYNp1.png

@@ -4,7 +4,7 @@ import {
 } from 'autotests/actions';
 import {setPageCookies, setPageRequestHeaders} from 'autotests/context';
 import {E2edReportExample as E2edReportExampleRoute} from 'autotests/routes/pageRoutes';
-import {locator} from 'autotests/selectors';
+import {createSelector, locator} from 'autotests/selectors';
 import {Page} from 'e2ed';
 import {setReadonlyProperty} from 'e2ed/utils';
 
@@ -20,6 +20,11 @@ type CustomPageParams =
  * The e2ed report example page.
  */
 export class E2edReportExample extends Page<CustomPageParams> {
+  /**
+   * Page header.
+   */
+  readonly header: Selector = createSelector('.header');
+
   /**
    * Navigation bar with test retries.
    */
@@ -36,6 +41,9 @@ export class E2edReportExample extends Page<CustomPageParams> {
   readonly navigationRetriesButtonSelected: Selector =
     this.navigationRetriesButton.filterByLocatorParameter('selected', 'true');
 
+  /**
+   * Page navigation timeout.
+   */
   override readonly navigationTimeout = 5_000;
 
   /**

autotests/fixtures/expectedScreenshots/gm0J3tp6oL.png

@@ -6,8 +6,8 @@ import {navigateToPage} from 'e2ed/actions';
 test('correctly check screenshots via toMatchScreenshot', {meta: {testId: '20'}}, async () => {
   const reportPage = await navigateToPage(E2edReportExample);
 
-  await expect(
-    reportPage.navigationRetries,
-    'toMatchScreenshot check screenshot',
-  ).toMatchScreenshot('j7YZV5CFWu', {mask: []});
+  await expect(reportPage.header, 'toMatchScreenshot check screenshot').toMatchScreenshot(
+    'Nzq9MAYNp1',
+    {mask: []},
+  );
 });

autotests/fixtures/expectedScreenshots/j7YZV5CFWu.png

@@ -15,7 +15,7 @@ type Props = Readonly<{retries: readonly RetryProps[]}>;
 export const renderNavigation = ({
   retries,
 }: Props): SafeHtml => sanitizeHtml`<nav class="nav" ${locator('Navigation')}>
-  <header class="header">
+  <header class="header" ${locator('header')}>
     ${renderLogo()}
   </header>
 ${renderRetriesButtons({retries})}