[TEST] [E2E] Added test for setting balance and exporting gift cards

.changeset/nervous-toes-fail.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": minor
+---
+
+Rewritten tests for setting balance and exporting gift cards

playwright/api/mailpit.ts

@@ -31,6 +31,19 @@ export class MailpitService {
     return latestEmailsJson;
   }
 
+  async getEmailsFromTime(fromTime = 10000){
+    const latestEmails = await this.getLastEmails()
+
+    latestEmails.messages = latestEmails.messages.filter(
+      (message: { Created: string }) => {
+        const timeMinusLastMs = Date.now() - fromTime;
+        const mailCreated = new Date(message.Created);
+        return mailCreated.getTime() > timeMinusLastMs;
+      },
+    );
+    return latestEmails;
+  }
+
   async getEmailDetails(mailId: string) {
     const emailDetails = await this.request.get(
       `${mailpitUrl}/api/v1/message/${mailId}`,
@@ -45,7 +58,7 @@ export class MailpitService {
     await expect
       .poll(
         async () => {
-          const emails = await this.getLastEmails();
+          const emails = await this.getEmailsFromTime();
           userEmails = await emails.messages.filter((mails: { To: any[] }) =>
             mails.To.map(
               (recipientObj: { Address: any }) => `${recipientObj.Address}`,
@@ -63,6 +76,7 @@ export class MailpitService {
       .toBeGreaterThanOrEqual(1);
     return userEmails;
   }
+
   async checkDoesUserReceivedExportedData(
     userEmail: string,
     mailSubject: string,

playwright/pages/dialogs/exportGiftCardsDialog.ts

@@ -0,0 +1,15 @@
+import { Page } from "@playwright/test";
+
+export class ExportGiftCardsDialog {
+  readonly page: Page;
+
+  constructor(page: Page, readonly submitButton = page.getByTestId("submit")) {
+    this.page = page;
+  }
+
+  async exportGiftCardCodes(fileExtension: string) {
+    const fileExtensionCheckbox = this.page.getByTestId(fileExtension);
+    await fileExtensionCheckbox.click();
+    await this.submitButton.click();
+  }
+}

playwright/pages/dialogs/setGiftCardBalanceDialog.ts

@@ -0,0 +1,18 @@
+import { Page } from "@playwright/test";
+
+export class SetGiftCardsBalanceDialog {
+  readonly page: Page;
+
+  constructor(
+    page: Page,
+    readonly submitButton = page.getByTestId("submit"),
+    readonly enterAmountInput = page.locator('[name="balanceAmount"]'),
+  ) {
+    this.page = page;
+  }
+
+  async setBalance(balance: string){
+    await this.enterAmountInput.fill(balance);
+    await this.submitButton.click();
+  }
+}

playwright/pages/giftCardsPage.ts

@@ -5,13 +5,17 @@ import { ResendGiftCardCodeDialog } from "@dialogs/resendGiftCardCodeDialog";
 import { MetadataSeoPage } from "@pageElements/metadataSeoPage";
 import { BasePage } from "@pages/basePage";
 import type { Page } from "@playwright/test";
+import { ExportGiftCardsDialog } from "./dialogs/exportGiftCardsDialog";
+import { SetGiftCardsBalanceDialog } from "./dialogs/setGiftCardBalanceDialog";
 
 export class GiftCardsPage extends BasePage {
   readonly page: Page;
   readonly issueGiftCardDialog: IssueGiftCardDialog;
   readonly resendGiftCardCodeDialog: ResendGiftCardCodeDialog;
   readonly metadataSeoPage: MetadataSeoPage;
   readonly deleteDialog: DeleteDialog;
+  readonly exportGiftCardsDialog: ExportGiftCardsDialog;
+  readonly setGiftCardsBalanceDialog: SetGiftCardsBalanceDialog;
 
   constructor(
     page: Page,
@@ -21,13 +25,18 @@ export class GiftCardsPage extends BasePage {
     readonly deactivateButton = page.getByTestId("enable-button"),
     readonly saveButton = page.getByTestId("button-bar-confirm"),
     readonly cardExpiresCheckbox = page.locator("[name='cardExpires']"),
+    readonly exportCardCodesButton = page.getByTestId("exportCodesMenuItem"),
+    readonly setBalanceButton = page.getByTestId("set-balance-button"),
+    readonly showMoreMenuButton = page.getByTestId("show-more-button"),
   ) {
     super(page);
     this.page = page;
     this.issueGiftCardDialog = new IssueGiftCardDialog(page);
     this.resendGiftCardCodeDialog = new ResendGiftCardCodeDialog(page);
     this.metadataSeoPage = new MetadataSeoPage(page);
     this.deleteDialog = new DeleteDialog(page);
+    this.exportGiftCardsDialog = new ExportGiftCardsDialog(page);
+    this.setGiftCardsBalanceDialog = new SetGiftCardsBalanceDialog(page);
   }
 
   async clickIssueCardButton() {
@@ -45,18 +54,22 @@ export class GiftCardsPage extends BasePage {
   async clickDeactivateButton() {
     await this.deactivateButton.click();
   }
+  async clickExportGiftCards() {
+    await this.showMoreMenuButton.click();
+    await this.exportCardCodesButton.click();
+  }
   async clickResendCodeButton() {
     await this.resendCodeButton.click();
   }
+  async clickSetBalance() {
+    await this.setBalanceButton.click();
+  }
   async gotoGiftCardsListView() {
     await this.page.goto(URL_LIST.giftCards);
   }
   async gotoExistingGiftCardView(giftCardId: string) {
     const existingGiftCardUrl = URL_LIST.giftCards + giftCardId;
-    await console.log(
-      "Navigating to existing gift card: " + existingGiftCardUrl,
-    );
-
+    console.log("Navigating to existing gift card: " + existingGiftCardUrl);
     await this.page.goto(existingGiftCardUrl);
   }
 }

playwright/tests/girftCards.spec.ts

@@ -1,6 +1,8 @@
 import { GIFT_CARDS } from "@data/e2eTestData";
 import { GiftCardsPage } from "@pages/giftCardsPage";
 import { expect, test } from "@playwright/test";
+import { MailpitService } from "@api/mailpit";
+
 
 test.use({ storageState: "playwright/.auth/admin.json" });
 let giftCardsPage: GiftCardsPage;
@@ -100,3 +102,31 @@ test("TC: SALEOR_111 Bulk delete gift cards @e2e @gift", async () => {
     ),
   ).toEqual([]);
 });
+test("TC: SALEOR_112 Set gift card balance @e2e @gift", async () => {
+  await giftCardsPage.gotoExistingGiftCardView(GIFT_CARDS.giftCardToBeEdited.id);
+  await giftCardsPage.clickSetBalance();
+  await giftCardsPage.setGiftCardsBalanceDialog.setBalance("34")
+  await giftCardsPage.expectSuccessBanner();
+});
+test("TC: SALEOR_113 Export gift card codes in XLSX file @e2e @gift", async ({request}) => {
+  await giftCardsPage.gotoGiftCardsListView();
+  await giftCardsPage.clickExportGiftCards();
+  await giftCardsPage.exportGiftCardsDialog.exportGiftCardCodes("XLSX");
+  const mailpitService = new MailpitService(request);
+  await mailpitService.checkDoesUserReceivedExportedData(
+    process.env.E2E_USER_NAME!,
+    "Your exported gift cards data is ready",
+  );
+});
+test("TC: SALEOR_114 Export gift card codes in CSV file @e2e @gift", async ({
+  request,
+}) => {
+  await giftCardsPage.gotoGiftCardsListView();
+  await giftCardsPage.clickExportGiftCards();
+  await giftCardsPage.exportGiftCardsDialog.exportGiftCardCodes("CSV");
+  const mailpitService = new MailpitService(request);
+  await mailpitService.checkDoesUserReceivedExportedData(
+    process.env.E2E_USER_NAME!,
+    "Your exported gift cards data is ready",
+  );
+});