test: add delete flow tests

packages/e2e-tests/fixtures/flows-page.js

@@ -0,0 +1,35 @@
+const { AuthenticatedPage } = require('./authenticated-page');
+const { expect } = require('@playwright/test');
+
+export class FlowsPage extends AuthenticatedPage {
+  constructor(page) {
+    super(page);
+
+    this.flowRow = this.page.getByTestId('flow-row');
+    this.flowCard = this.page.getByTestId('card-action-area');
+    this.deleteFlowMenuItem = this.page.getByRole('menuitem', {
+      name: 'Delete',
+    });
+  }
+
+  async clickOnDeleteFlowMenuItem() {
+    await this.deleteFlowMenuItem.click();
+  }
+
+  async deleteFlow(flowId) {
+    const desiredFlow = await this.flowRow.filter({
+      has: this.page.locator(`a[href="/editor/${flowId}"]`),
+    });
+    await desiredFlow.locator('button').click();
+    await this.clickOnDeleteFlowMenuItem();
+
+    await expect(
+      await this.flowRow.filter({
+        has: this.page.locator(`a[href="/editor/${flowId}"]`),
+      })
+    ).toHaveCount(0);
+
+    const snackbar = await this.getSnackbarData();
+    await expect(snackbar.variant).toBe('success');
+  }
+}

packages/e2e-tests/fixtures/index.js

@@ -9,6 +9,7 @@ const { AcceptInvitation } = require('./accept-invitation-page');
 const { adminFixtures } = require('./admin');
 const { AdminSetupPage } = require('./admin-setup-page');
 const { AdminCreateUserPage } = require('./admin/create-user-page');
+const { FlowsPage } = require('./flows-page');
 
 exports.test = test.extend({
   page: async ({ page }, use) => {
@@ -35,6 +36,9 @@ exports.test = test.extend({
   userInterfacePage: async ({ page }, use) => {
     await use(new UserInterfacePage(page));
   },
+  flowsPage: async ({ page }, use) => {
+    await use(new FlowsPage(page));
+  },
   ...adminFixtures,
 });