test: write tests for user management (#1316)

* chore: add data-test attributes

* test: add github connection test, add applications modal

* test: write tests for user management

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

@@ -1,5 +1,11 @@
 const path = require('node:path');
 
+/**
+ * @typedef {(
+ *   'default' | 'success' | 'warning' | 'error' | 'info'
+ * )} SnackbarVariant - Snackbar variant types in notistack/v3, see https://notistack.com/api-reference
+ */
+
 export class BasePage {
   screenshotPath = '/';
 
@@ -8,7 +14,64 @@ export class BasePage {
    */
   constructor(page) {
     this.page = page;
-    this.snackbar = this.page.locator('#notistack-snackbar');
+    this.snackbar = this.page.locator('.notistack-MuiContent');
+  }
+
+  /**
+   * Finds the latest snackbar message and extracts relevant data
+   * @returns {(
+   *  null | {
+   *    variant: SnackbarVariant,
+   *    text: string,
+   *    dataset: { [key: string]: string }
+   *  }
+   * )} 
+   */
+  async getSnackbarData () {
+    if (await this.snackbar.count() === 0) {
+      return null;
+    }
+    const snack = this.snackbar.first(); // uses flex: column-reverse
+    const classList = await snack.evaluate(node => Array.from(node.classList));
+    /** @type SnackbarVariant */
+    let variant = 'default';
+    if (classList.includes('notistack-MuiContent-success')) {
+      variant = 'success'
+    } else if (classList.includes('notistack-MuiContent-warning')) {
+      variant = 'warning'
+    } else if (classList.includes('notistack-MuiContent-error')) {
+      variant = 'error'
+    } else if (classList.includes('notistack-MuiContent-info')) {
+      variant = 'info'
+    }
+    return {
+      variant,
+      text: await snack.evaluate(node => node.innerText),
+      dataset: await snack.evaluate(node => {
+        function getChildren (n) {
+          return [n].concat(
+            ...Array.from(n.children).map(c => getChildren(c))
+          );
+        }
+        const datasets = getChildren(node).map(
+          n => Object.assign({}, n.dataset)
+        );
+        return Object.assign({}, ...datasets);
+      })
+    };
+  }
+
+  /**
+   * Closes all snackbars, should be replaced later
+   */
+  async closeSnackbar () {
+    const snackbars = await this.snackbar.all();
+    for (const snackbar of snackbars) {
+      await snackbar.click();
+    }
+    for (const snackbar of snackbars) {
+      await snackbar.waitFor({ state: 'detached' });
+    }
   }
 
   async clickAway() {