test: add tests for git connection (#1289)

* chore: add data-test attributes

* test: add github connection test, add applications modal

* chore: embed test GITHUB_CLIENT_* environment values

---------

Co-authored-by: Ali BARIN <ali.barin53@gmail.com>

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

@@ -0,0 +1,49 @@
+import { GithubPopup } from './github-popup';
+
+const { BasePage } = require('../../base-page');
+
+export class AddGithubConnectionModal extends BasePage {
+
+  /**
+   * @param {import('@playwright/test').Page} page
+   */
+  constructor (page) {
+    super(page);
+    this.modal = page.getByTestId('add-app-connection-dialog');
+    this.oauthRedirectInput = page.getByTestId('oAuthRedirectUrl-text');
+    this.clientIdInput = page.getByTestId('consumerKey-text');
+    this.clientIdSecretInput = page.getByTestId('consumerSecret-text');
+    this.submitButton = page.getByTestId('create-connection-button');
+  }
+
+  async visible () {
+    return await this.modal.isVisible();
+  }
+
+  async inputForm () {
+    await connectionModal.clientIdInput.fill(
+      process.env.GITHUB_CLIENT_ID
+    );
+    await connectionModal.clientIdSecretInput.fill(
+      process.env.GITHUB_CLIENT_SECRET
+    );
+  }
+
+  /**
+   * @returns {import('@playwright/test').Page}
+   */
+  async submit () {
+    const popupPromise = this.page.waitForEvent('popup');
+    await this.submitButton.click();
+    const popup = await popupPromise;
+    await popup.bringToFront();
+    return popup;
+  }
+
+  /**
+   * @param {import('@playwright/test').Page} page
+   */
+  async handlePopup (page) {
+    return await GithubPopup.handle(page);
+  }
+}