adds test for rope extension request

Author: maceim

features/rope-record/rope-details/request-extension.feature

@@ -7,5 +7,5 @@ Feature: Rope Records
   Scenario: User requests an extension for an In Service rope
     Given I navigate to the Rope Detail Page for an In Service rope with Serial number 'CUCSNO168681'
     And I provide the following information in the Request Extension form
-      | Request by days | 4 |
-   # Then I should be able to see the request in Extension history section
+      | Request by days | 6 |
+    Then I should be able to see the request in Extension history section

src/pages/EmailVerification.ts

@@ -0,0 +1,14 @@
+import { Download, expect, Page } from '@playwright/test';
+
+export class EmailVerification {
+  private readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+  verifyRequestExtensionEmailName(download: Download): void {
+    const filename = download.suggestedFilename();
+    expect(filename).toMatch(/^Request extension -.+\.eml$/);
+  }
+}

src/steps/rope-record/rope-details/request-extension.ts

@@ -1,6 +1,8 @@
-import { DataTable, When } from '@cucumber/cucumber';
+import { DataTable, Then, When } from '@cucumber/cucumber';
+import { expect } from '@playwright/test';
 
 import { CreateRopeRecord } from '../../../pages/CreateRopeRecord';
+import { EmailVerification } from '../../../pages/EmailVerification';
 import { IHoistWorld } from '../../../support/hoist-world';
 
 When(
@@ -18,6 +20,17 @@ When(
     const download1Promise = page.waitForEvent('download');
     await page.getByRole('button', { name: 'Confirm' }).click();
     const download1 = await download1Promise;
-    console.log('downloading email', download1);
+    const emailPage = new EmailVerification(this.page!);
+    emailPage.verifyRequestExtensionEmailName(download1);
+  },
+);
+
+Then(
+  'I should be able to see the request in Extension history section',
+  async function (this: IHoistWorld) {
+    await this.page?.getByRole('tab', { name: 'Rope information' }).click();
+    const page = this.page!;
+    const expectedValue = '6';
+    await expect(page.getByText(`Requested: ${expectedValue} days`).first()).toBeVisible();
   },
 );