test: add pop-up notification test

packages/e2e-tests/fixtures/apps/mattermost/add-mattermost-connection-modal.js

@@ -0,0 +1,25 @@
+const { BasePage } = require('../../base-page');
+
+export class AddMattermostConnectionModal extends BasePage {
+
+  /**
+   * @param {import('@playwright/test').Page} page
+   */
+  constructor (page) {
+    super(page);
+    this.clientIdInput = page.getByTestId('clientId-text');
+    this.clientIdSecretInput = page.getByTestId('clientSecret-text');
+    this.instanceUrlInput = page.getByTestId("instanceUrl-text");
+    this.submitButton = page.getByTestId('create-connection-button');
+  }
+
+  async fillConnectionForm() {
+    await this.instanceUrlInput.fill('https://mattermost.com');
+    await this.clientIdInput.fill('aaa');
+    await this.clientIdSecretInput.fill('bbb');
+  }
+
+  async submitConnectionForm() {
+    await this.submitButton.click();
+  }
+}

packages/e2e-tests/fixtures/flow-editor-page.js

@@ -18,6 +18,7 @@ export class FlowEditorPage extends AuthenticatedPage {
     this.connectionAutocomplete = this.page.getByTestId(
       'choose-connection-autocomplete'
     );
+    this.addNewConnectionItem = this.page.getByText('Add new connection');
     this.testOutput = this.page.getByTestId('flow-test-substep-output');
     this.hasNoOutput = this.page.getByTestId('flow-test-substep-no-output');
     this.unpublishFlowButton = this.page.getByTestId('unpublish-flow-button');