@appsemble/e2e 0.32.2

package/fixtures/test/studio/index.js

@@ -0,0 +1,33 @@
+import { test as base, expect } from '@playwright/test';
+export const test = base.extend({
+    async loginUser({ page }, use) {
+        await use(async (email, password, saveInStorageState = false) => {
+            let accessToken = '';
+            // Get the access token from the "login" response
+            page.on('response', async (response) => {
+                if (!response.url().endsWith('/api/auth/email/login')) {
+                    return;
+                }
+                accessToken = (await response.json()).access_token;
+                expect(accessToken).toStrictEqual(expect.any(String));
+            });
+            await page.goto('/en/login');
+            await page.getByTestId('email').fill(email);
+            await page.getByTestId('password').fill(password);
+            await page.getByTestId('login').click();
+            await page.waitForResponse('**/api/auth/email/login');
+            await expect(page.getByText('Login failed')).toBeHidden();
+            if (saveInStorageState) {
+                await page.context().storageState({ path: '.auth/user.json' });
+            }
+            return accessToken;
+        });
+    },
+    async logoutUser({ page }, use) {
+        await use(async () => {
+            await page.getByRole('button').nth(1).click();
+            await page.getByRole('button', { name: 'Logout' }).click();
+        });
+    },
+});
+//# sourceMappingURL=index.js.map

package/fixtures/test/training/index.d.ts

@@ -0,0 +1,7 @@
+export interface TrainingFixtures {
+    /**
+     * Resets the user's training progress
+     */
+    resetTrainingProgress: () => Promise<void>;
+}
+export declare const test: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & TrainingFixtures, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;

package/fixtures/test/training/index.js

@@ -0,0 +1,18 @@
+import { test as base, expect } from '@playwright/test';
+export const test = base.extend({
+    async resetTrainingProgress({ baseURL, context }, use) {
+        await use(async () => {
+            const accessToken = (await context.storageState()).origins[0].localStorage[0].value;
+            expect(accessToken).not.toBeNull();
+            const { status } = await fetch(`${baseURL}/api/trainings/completed`, {
+                method: 'DELETE',
+                headers: {
+                    Authorization: `Bearer ${accessToken}`,
+                    'Content-Type': 'application/json',
+                },
+            });
+            expect(status).toBe(204);
+        });
+    },
+});
+//# sourceMappingURL=index.js.map

package/index.d.ts

@@ -0,0 +1,2 @@
+export { test } from './fixtures/test/index.js';
+export { expect } from './fixtures/expect/index.js';

package/index.js

@@ -0,0 +1,3 @@
+export { test } from './fixtures/test/index.js';
+export { expect } from './fixtures/expect/index.js';
+//# sourceMappingURL=index.js.map

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@appsemble/e2e",
+  "version": "0.32.2",
+  "description": "End-to-end tests used for testing Appsemble apps in an existing environment.",
+  "keywords": [
+    "app",
+    "apps",
+    "appsemble",
+    "e2e",
+    "framework",
+    "low-code",
+    "lowcode"
+  ],
+  "homepage": "https://appsemble.app",
+  "bugs": "https://gitlab.com/appsemble/appsemble/-/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/appsemble/appsemble.git",
+    "directory": "packages/e2e"
+  },
+  "license": "LGPL-3.0-only",
+  "author": "Appsemble <info@appsemble.com> (https://appsemble.com)",
+  "type": "module",
+  "exports": {
+    ".": {
+      "ts-source": "./index.ts",
+      "default": "./index.js"
+    }
+  },
+  "files": [
+    "**/*.d.ts",
+    "**/*.js"
+  ],
+  "scripts": {
+    "prepack": "tsc --noEmit false",
+    "e2e": "playwright test",
+    "codegen": "playwright codegen",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "@appsemble/utils": "0.32.2",
+    "@appsemble/types": "0.32.2",
+    "jwt-decode": "^4.0.0",
+    "@fortawesome/fontawesome-free": "^6.0.0",
+    "@playwright/test": "1.51.1",
+    "bulma": "=0.9.3",
+    "strip-indent": "^4.0.0"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/playwright.config.d.ts

@@ -0,0 +1,5 @@
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+declare const _default: import("@playwright/test").PlaywrightTestConfig<{}, {}>;
+export default _default;

package/playwright.config.js

@@ -0,0 +1,48 @@
+import { defineConfig, devices } from '@playwright/test';
+const { CI, CI_MERGE_REQUEST_IID, E2E_HOST } = process.env;
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+    testMatch: '**/*.spec.ts',
+    // Tests aren't fully isolated so they shouldn't run in parallel
+    fullyParallel: false,
+    // Fail the build on CI if you accidentally left test.only in the source code.
+    forbidOnly: Boolean(CI),
+    // Retry on CI only
+    retries: CI ? 2 : 0,
+    // A lot of tests depend on the same pre-seeded apps, so more workers can introduce flakiness.
+    workers: 1,
+    // Reporter to use. See https://playwright.dev/docs/test-reporters
+    reporter: [['junit', { outputFile: 'results.xml' }]],
+    // Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions.
+    use: {
+        // Base URL to use in actions like `await page.goto('/')`.
+        baseURL: CI
+            ? (E2E_HOST ?? `https://${CI_MERGE_REQUEST_IID || 'staging'}.appsemble.review`)
+            : 'http://localhost:9999',
+        // Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer
+        trace: 'on-first-retry',
+        video: 'on',
+    },
+    // Configure projects for major browsers
+    projects: [
+        { name: 'setup', testMatch: /.*\.setup\.ts/ },
+        {
+            name: 'chromium',
+            use: { ...devices['Desktop Chrome'], storageState: '.auth/user.json' },
+            dependencies: ['setup'],
+        },
+        {
+            name: 'firefox',
+            use: { ...devices['Desktop Firefox'], storageState: '.auth/user.json' },
+            dependencies: ['setup'],
+        },
+        {
+            name: 'webkit',
+            use: { ...devices['Desktop Safari'], storageState: '.auth/user.json' },
+            dependencies: ['setup'],
+        },
+    ],
+});
+//# sourceMappingURL=playwright.config.js.map

package/setup/auth.setup.d.ts

@@ -0,0 +1 @@
+export {};

package/setup/auth.setup.js

@@ -0,0 +1,10 @@
+import { expect, test as setup } from '../index.js';
+const { BOT_ACCOUNT_EMAIL, BOT_ACCOUNT_PASSWORD } = process.env;
+setup('authenticate', async ({ loginUser }) => {
+    expect(BOT_ACCOUNT_EMAIL && BOT_ACCOUNT_PASSWORD).not.toBeUndefined();
+    const accessToken = await loginUser(BOT_ACCOUNT_EMAIL, BOT_ACCOUNT_PASSWORD, true);
+    expect(accessToken).toStrictEqual(expect.any(String));
+    // Playwright uses this environment variable to authenticate API requests
+    process.env.ACCESS_TOKEN = accessToken;
+});
+//# sourceMappingURL=auth.setup.js.map

package/tests/studio/app-collections/app-collections.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/tests/studio/app-collections/app-collections.spec.js

@@ -0,0 +1,158 @@
+import { expect, test } from '../../../index.js';
+const organizationId = 'appsemble';
+let appCollectionName;
+test.describe('App Collections', () => {
+    test.beforeEach(async ({ page }) => {
+        await page.goto(`/en/organizations/${organizationId}/collections`);
+    });
+    test.afterEach(async ({ deleteAppCollection }) => {
+        if (appCollectionName !== undefined) {
+            await deleteAppCollection(organizationId, appCollectionName);
+        }
+    });
+    test('should create an app collection', async ({ browserName, createAppCollection, page }) => {
+        appCollectionName = `Create test ${browserName.slice(0, 8)}`;
+        await page.route('/test-assets/side.png', (route) => {
+            route.fulfill({ path: 'mock-data/tux.png' });
+        });
+        await createAppCollection(organizationId, appCollectionName, 'John Doe', 'Lorem ipsum\n\n**text in bold**\n\n![side image](/test-assets/side.png)', 'mock-data/retail.png', 'mock-data/tux.png', false);
+        await page.getByRole('link', { name: appCollectionName }).click();
+        await expect(page.getByLabel('Breadcrumbs').locator('li:nth-child(2)')).toHaveText(appCollectionName);
+        await expect(page.locator('header.has-background-primary.is-flex.is-flex-wrap-wrap')).toHaveScreenshot({
+            timeout: 5000,
+            maxDiffPixelRatio: 0.02,
+        });
+        await page.getByRole('link', { name: 'Expert' }).click();
+        await page.getByRole('img', { name: 'side image' }).waitFor({ state: 'visible' });
+        // TODO: Make sure this doesn't die in CI
+        await expect(page.locator('section:has(div)')).toHaveScreenshot({
+            timeout: 5000,
+            maxDiffPixelRatio: 0.02,
+        });
+    });
+    test('should create a private app collection', async ({ browser, browserName, createAppCollection, page, }) => {
+        appCollectionName = `Private test ${browserName.slice(0, 8)}`;
+        await createAppCollection(organizationId, appCollectionName, 'John Doe', 'Lorem ipsum', 'mock-data/retail.png', 'mock-data/tux.png', true);
+        await page.goto('/en/collections');
+        await page.getByRole('heading', { name: 'App collections' }).waitFor({ state: 'visible' });
+        await expect(page.getByRole('link', { name: appCollectionName })).toBeVisible({
+            timeout: 5000,
+        });
+        const loggedOutPage = await browser.newPage({ storageState: undefined });
+        await loggedOutPage.goto('/en/collections');
+        await loggedOutPage
+            .getByRole('heading', { name: 'App collections' })
+            .waitFor({ state: 'visible' });
+        await expect(loggedOutPage.getByRole('link', { name: appCollectionName })).toBeHidden({
+            timeout: 5000,
+        });
+    });
+    test('should edit an app collection', async ({ browserName, createAppCollection, page }) => {
+        appCollectionName = `Edit test ${browserName.slice(0, 8)}`;
+        await createAppCollection(organizationId, appCollectionName, 'John Doe', 'Lorem ipsum', 'mock-data/retail.png', 'mock-data/tux.png', false);
+        await page.getByRole('link', { name: appCollectionName }).click();
+        await page.getByRole('link', { name: 'Settings' }).click();
+        const oldName = appCollectionName;
+        appCollectionName = appCollectionName.split('').reverse().join('');
+        await page.getByLabel('Name', { exact: true }).fill(appCollectionName);
+        await page.getByLabel('Expert name').fill('Jane Doe');
+        await page.getByLabel('Expert description').fill('Hello world');
+        await page.getByRole('button', { name: 'Save' }).click();
+        await page.getByRole('link', { name: /Apps$/ }).click();
+        await expect(page.getByRole('heading', { name: oldName })).toBeHidden();
+        await expect(page.getByRole('heading', { name: appCollectionName })).toBeVisible();
+        await page.getByRole('link', { name: 'Expert Jane Doe' }).click();
+        await expect(page.locator('h1').filter({ hasText: 'Jane Doe' })).toBeVisible();
+    });
+    test('should delete an app collection', async ({ browserName, createAppCollection, page }) => {
+        appCollectionName = `Delete test ${browserName.slice(0, 8)}`;
+        await createAppCollection(organizationId, appCollectionName, 'John Doe', 'Lorem ipsum', 'mock-data/retail.png', 'mock-data/tux.png', false);
+        await page.getByRole('link', { name: `${appCollectionName} John Doe` }).click();
+        await page.getByRole('link', { name: 'Settings' }).click();
+        await page.getByRole('button', { name: 'Delete app collection' }).click();
+        await page.getByRole('button', { name: 'Delete app collection', exact: true }).click();
+        await page.getByRole('heading', { name: 'App collections' }).waitFor({ state: 'visible' });
+        await expect(page.getByRole('link', { name: appCollectionName })).toBeHidden({
+            timeout: 5000,
+        });
+        // Set to undefined so the afterEach doesn't try to delete a non-existent collection
+        appCollectionName = undefined;
+    });
+    test('should add an app to an app collection', async ({ browserName, createAppCollection, page, }) => {
+        appCollectionName = `Add app test ${browserName.slice(0, 8)}`;
+        await createAppCollection(organizationId, appCollectionName, 'John Doe', 'Lorem ipsum', 'mock-data/retail.png', 'mock-data/tux.png', false);
+        await page.getByRole('link', { name: 'App store' }).click();
+        await page.getByRole('link', { name: 'Empty' }).first().click();
+        await page.click('#app-options-menu');
+        await page.getByRole('button', { name: 'Add to collection' }).click();
+        await page.locator('#collectionId').selectOption({ label: appCollectionName });
+        await page
+            .locator('.modal-card-foot')
+            .getByRole('button', { name: 'Add to collection' })
+            .click();
+        await page.goto('/en/collections');
+        await page.getByRole('link', { name: appCollectionName }).click();
+        await expect(page.getByRole('link', { name: 'Empty' })).toBeVisible();
+    });
+    test('should remove an app from an app collection', async ({ browserName, createAppCollection, page, }) => {
+        appCollectionName = `Rm app test ${browserName.slice(0, 8)}`;
+        await createAppCollection(organizationId, appCollectionName, 'John Doe', 'Lorem ipsum', 'mock-data/retail.png', 'mock-data/tux.png', false);
+        await page.getByRole('link', { name: 'App store' }).click();
+        await page.getByRole('link', { name: 'Empty' }).first().click();
+        await page.click('#app-options-menu');
+        await page.getByRole('button', { name: 'Add to collection' }).click();
+        await page.locator('#collectionId').selectOption({ label: appCollectionName });
+        await page
+            .locator('.modal-card-foot')
+            .getByRole('button', { name: 'Add to collection' })
+            .click();
+        await page.goto('/en/collections');
+        await page.getByRole('link', { name: appCollectionName }).click();
+        await page.getByRole('button', { name: 'Edit' }).click();
+        await page
+            .locator('div', { has: page.getByRole('link', { name: 'Empty' }) })
+            .locator('button[title="Delete app from collection"]')
+            .click();
+        await page.getByRole('button', { name: 'Confirm' }).click();
+        await expect(page.getByRole('link', { name: 'Empty' })).toBeHidden();
+    });
+    test('should pin an app to an app collection', async ({ browserName, createAppCollection, page, }) => {
+        appCollectionName = `Pin app test ${browserName.slice(0, 8)}`;
+        await createAppCollection(organizationId, appCollectionName, 'John Doe', 'Lorem ipsum', 'mock-data/retail.png', 'mock-data/tux.png', false);
+        await page.getByRole('link', { name: 'App store' }).click();
+        await page.getByRole('link', { name: 'Empty' }).first().click();
+        await page.click('#app-options-menu');
+        await page.getByRole('button', { name: 'Add to collection' }).click();
+        await page.locator('#collectionId').selectOption({ label: appCollectionName });
+        await page
+            .locator('.modal-card-foot')
+            .getByRole('button', { name: 'Add to collection' })
+            .click();
+        await page.goBack();
+        await page.getByRole('link', { name: 'Person' }).first().click();
+        await page.click('#app-options-menu');
+        await page.getByRole('button', { name: 'Add to collection' }).click();
+        await page.locator('#collectionId').selectOption({ label: appCollectionName });
+        await page
+            .locator('.modal-card-foot')
+            .getByRole('button', { name: 'Add to collection' })
+            .click();
+        await page.goto('/en/collections');
+        await page.getByRole('link', { name: appCollectionName }).click();
+        await page.getByRole('button', { name: 'Edit' }).click();
+        await page
+            .locator('div', {
+            has: page.getByRole('link', { name: 'Person' }),
+            hasNot: page.getByRole('link', { name: 'Empty' }),
+        })
+            .locator('button[title="Pin app to top of collection"]')
+            .click();
+        await page.getByRole('button', { name: 'Stop editing' }).click();
+        // TODO make sure this doesn't die in CI either
+        await expect(page.getByRole('main')).toHaveScreenshot({
+            timeout: 5000,
+            maxDiffPixelRatio: 0.02,
+        });
+    });
+});
+//# sourceMappingURL=app-collections.spec.js.map

package/tests/studio/apps/app.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/tests/studio/apps/app.spec.js

@@ -0,0 +1,79 @@
+import { expect, test } from '../../../index.js';
+async function clickSideMenuItem(page, title) {
+    await page.getByTestId('studio-app-side-menu').getByRole('link', { name: title }).click();
+}
+test.describe('/apps/:appId', () => {
+    test.beforeEach(async ({ page }) => {
+        await page.goto('/en/apps');
+        await page.getByRole('link', { name: 'Person Appsemble' }).first().click();
+        await expect(page.getByTestId('studio-app-side-menu-name')).toHaveText('Person');
+    });
+    test('should prompt when user has unsaved changes', async ({ page }) => {
+        await clickSideMenuItem(page, 'Editor');
+        page.on('dialog', (alert) => {
+            expect(alert.type()).toBe('confirm');
+            expect(alert.message()).toBe('You have unsaved changes. Do you wish to continue?');
+            alert.dismiss();
+        });
+        await expect(page.getByRole('button', { name: 'Publish' })).toBeDisabled();
+        await page.getByRole('code').getByText('Person', { exact: true }).dblclick();
+        await page.getByRole('code').getByText('Person', { exact: true }).press('Backspace');
+        await page.getByRole('code').getByText('name:').first().press('t+e+s+t');
+        await expect(page.getByRole('button', { name: 'Publish' })).toBeEnabled();
+        await page.getByRole('link', { name: 'Details' }).click();
+        await expect(page.getByText('Clone App')).toBeHidden();
+    });
+    test('should not prompt when user has saved their changes', async ({ page }) => {
+        await clickSideMenuItem(page, 'Editor');
+        await page.route('/api/apps/*', (route) => {
+            route.fulfill({ path: 'mock-data/person-app-definition.json' });
+        });
+        page.on('dialog', (alert) => {
+            // If a dialog comes up at all, the test should fail
+            expect(alert).toBeNull();
+        });
+        await expect(page.getByRole('button', { name: 'Publish' })).toBeDisabled();
+        await page.getByRole('code').getByText('Person', { exact: true }).dblclick();
+        await page.getByRole('code').getByText('Person', { exact: true }).press('Backspace');
+        await page.getByRole('code').getByText('name:').first().press('P+e+r+s+o+n');
+        await page.getByRole('button', { name: 'Publish' }).click();
+        await expect(page.getByText('Successfully updated app definition')).toBeVisible();
+        await page.getByRole('link', { name: 'Details' }).click();
+        await expect(page.getByText('Clone App')).toBeVisible();
+    });
+    test('should link to the asset viewer', async ({ page }) => {
+        await clickSideMenuItem(page, 'Assets');
+        await expect(page.getByText('Upload new asset')).toBeVisible();
+    });
+    test('should link to resources', async ({ page }) => {
+        await clickSideMenuItem(page, 'Resources');
+        await expect(page.getByText('This app has the following resources')).toBeVisible();
+    });
+    test('should link to a specific resource', async ({ page }) => {
+        await clickSideMenuItem(page, 'Resources');
+        await page.click('li :has-text("person")');
+        await expect(page.getByText('Resource: person')).toBeVisible();
+    });
+    test('should link to the translator tool', async ({ page }) => {
+        await clickSideMenuItem(page, 'Translations');
+        await expect(page.getByText('Selected language')).toBeVisible();
+    });
+    test('should link to the notification sender', async ({ page }) => {
+        await clickSideMenuItem(page, 'Notifications');
+        await expect(page.getByText('Push notifications are currently not enabled in this app.')).toBeVisible();
+    });
+    test('should link to the snapshots page', async ({ page }) => {
+        await clickSideMenuItem(page, 'Snapshots');
+        await expect(page.getByRole('heading', { name: 'Snapshots' })).toBeVisible();
+        await expect(page.getByRole('listitem').filter({ has: page.getByRole('heading', { name: 'Appsemble' }) })).toBeVisible();
+    });
+    test('should link to the app settings', async ({ page }) => {
+        await clickSideMenuItem(page, 'Settings');
+        await expect(page.getByRole('heading', { name: 'App lock' })).toBeVisible();
+    });
+    test('should link to the app secrets', async ({ page }) => {
+        await clickSideMenuItem(page, 'Secrets');
+        await expect(page.getByRole('heading', { name: 'Appsemble Login' })).toBeVisible();
+    });
+});
+//# sourceMappingURL=app.spec.js.map

package/tests/studio/apps.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/tests/studio/apps.spec.js

@@ -0,0 +1,30 @@
+import { expect, test } from '../../index.js';
+test.describe('Apps', () => {
+    test.beforeEach(async ({ page }) => {
+        await page.goto('/en/apps');
+    });
+    test('should show the page header', async ({ page }) => {
+        await expect(page.locator('text=All Apps')).toBeVisible();
+    });
+    test('should display “My Apps” when logged in', async ({ page }) => {
+        await expect(page.getByText('My Apps')).toBeVisible();
+    });
+    test('should render default apps', async ({ page }) => {
+        const defaultApps = [
+            { name: 'Empty App' },
+            { name: 'Holidays' },
+            { name: 'Notes' },
+            { name: 'Person' },
+            { name: 'Survey' },
+            { name: 'Unlittered' },
+        ];
+        for (const { name } of defaultApps) {
+            await expect(page.getByText(name).first()).toBeVisible();
+        }
+    });
+    test('should link to app details', async ({ page }) => {
+        await page.click('text=Empty App');
+        await expect(page.getByText('Empty App is a bare-bones app with two pages and buttons switching between them.')).toBeVisible();
+    });
+});
+//# sourceMappingURL=apps.spec.js.map

package/tests/studio/blocks.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/tests/studio/blocks.spec.js

@@ -0,0 +1,20 @@
+import { expect, test } from '../../index.js';
+test.describe('Blocks', () => {
+    test.beforeEach(async ({ page }) => {
+        await page.goto('/en/blocks');
+    });
+    test('should render a list of blocks', async ({ page }) => {
+        const dataLoader = page.locator('[title="@appsemble/data-loader"]');
+        await expect(dataLoader).toContainText('data-loader');
+        await expect(dataLoader).toContainText('@appsemble');
+        await expect(dataLoader).toContainText('A block that fetches data and emits it using the events API.');
+    });
+    test('should link to block details', async ({ page }) => {
+        const dataLoader = page.locator('[title="@appsemble/data-loader"]');
+        await dataLoader.locator('text=View details').click();
+        await expect(page.getByRole('heading', { name: 'Parameters', exact: true })).toBeVisible();
+        await expect(page.getByRole('heading', { name: 'Actions', exact: true })).toBeVisible();
+        await expect(page.getByRole('heading', { name: 'Events', exact: true })).toBeVisible();
+    });
+});
+//# sourceMappingURL=blocks.spec.js.map

package/tests/studio/docs.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/tests/studio/docs.spec.js

@@ -0,0 +1,28 @@
+import { AppPermission, OrganizationPermission, predefinedAppRoles, predefinedOrganizationRoles, } from '@appsemble/types';
+import { expect, test } from '../../index.js';
+test.describe('Docs', () => {
+    test('should render the index page', async ({ page }) => {
+        await page.goto('/en/docs');
+        await expect(page.locator('.menu-list').getByRole('link', { name: 'What is Appsemble?' })).toBeVisible();
+    });
+    test('should render the permissions table', async ({ page }) => {
+        await page.goto('/en/docs/studio/organizations');
+        await expect(page.getByRole('row')).toHaveText([
+            ['Permissions', ...predefinedOrganizationRoles].join(''),
+            ...Object.values(OrganizationPermission)
+                .filter((permission) => typeof permission === 'string')
+                .map((permission) => new RegExp(String(permission))),
+        ]);
+    });
+    test('should render the app member permissions table', async ({ page }) => {
+        await page.goto('/en/docs/app/security');
+        await expect(page.getByRole('row')).toHaveText([
+            ['Permissions', ...predefinedAppRoles].join(''),
+            ...Object.values(AppPermission)
+                .filter((permission) => !permission.startsWith('$resource:all:own'))
+                .filter((permission) => typeof permission === 'string')
+                .map((permission) => new RegExp(`\\${String(permission)}`)),
+        ]);
+    });
+});
+//# sourceMappingURL=docs.spec.js.map

package/tests/studio/logins/appsemble.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/tests/studio/logins/appsemble.spec.js

@@ -0,0 +1,14 @@
+import { expect, test } from '../../../index.js';
+test.describe('Appsemble OAuth2 app login', () => {
+    test.fixme('should work', async ({ page }) => {
+        await page.getByRole('link', { name: 'Login' }).click();
+        await page.getByRole('button', { name: 'Login with Appsemble' }).click();
+        await expect(page.getByRole('heading', { name: 'Example Page A' })).toBeVisible();
+    });
+    test.fixme('should handle app member email conflict', async ({ page }) => {
+        await page.getByRole('link', { name: 'Login' }).click();
+        await page.getByRole('button', { name: 'Login with Appsemble' }).click();
+        await expect(page.getByRole('heading', { name: 'Example Page A' })).toBeVisible();
+    });
+});
+//# sourceMappingURL=appsemble.spec.js.map

package/tests/studio/logins/demo.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/tests/studio/logins/demo.spec.js

@@ -0,0 +1,9 @@
+import { expect, test } from '../../../index.js';
+test.describe('Demo login', () => {
+    test.fixme('should work', async ({ page }) => {
+        await page.getByRole('link', { name: 'Login' }).click();
+        await page.getByRole('button', { name: 'Login with ...' }).click();
+        await expect(page.getByRole('heading', { name: 'Example Page A' })).toBeVisible();
+    });
+});
+//# sourceMappingURL=demo.spec.js.map

package/tests/studio/logins/invite.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/tests/studio/logins/invite.spec.js

@@ -0,0 +1,12 @@
+import { expect, test } from '../../../index.js';
+test.describe('App invite', () => {
+    test.fixme('should work', async ({ page }) => {
+        await expect(page.getByRole('heading', { name: 'Example Page A' })).toBeVisible();
+    });
+    test.fixme('should handle app member email conflict', async ({ page }) => {
+        await page.getByRole('link', { name: 'Login' }).click();
+        await page.getByRole('button', { name: 'Login with Appsemble' }).click();
+        await expect(page.getByRole('heading', { name: 'Example Page A' })).toBeVisible();
+    });
+});
+//# sourceMappingURL=invite.spec.js.map

package/tests/studio/logins/oauth2.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/tests/studio/logins/oauth2.spec.js

@@ -0,0 +1,56 @@
+import { expect, test } from '../../../index.js';
+let app;
+let secret;
+test.describe('App OAuth2 login', () => {
+    test.beforeAll(async ({ createApp, request }) => {
+        app = await createApp('appsemble', `
+        name: Test App
+        defaultPage: Test Page
+        security:
+          default:
+            role: test
+            policy: everyone
+          roles:
+            test:
+              description: test
+        pages:
+          - name: Test Page
+            blocks:
+              - type: test
+                version: 0.0.0
+      `);
+        secret = (await (await request.post(`/api/apps/${app.id}/secrets/oauth2`, {
+            data: {
+                name: 'OAuth2',
+                icon: 'test',
+                authorizationUrl: 'https://example.com/oauth2/authorize',
+                tokenUrl: 'https://example.com/oauth/token',
+                clientId: 'example_client_id',
+                clientSecret: 'example_client_secret',
+                userInfoUrl: 'https://example.com/oauth/userinfo',
+                scope: 'email openid profile',
+            },
+        })).json());
+    });
+    test.fixme('should work', async ({ page }) => {
+        await page.getByRole('link', { name: 'Login' }).click();
+        await page.getByRole('button', { name: `Login with ${secret.name}` }).click();
+        const redirectUri = 'http://localhost:9999/callback&response_type=code&scope=email openid profile';
+        await page.waitForRequest(`/connect/authorize/oauth2/${app.id}?client_id=app:${app.id}&redirect_uri=*&state=*`);
+        await page.route(`${secret.authorizationUrl}?client_id=${secret.clientId}&redirect_uri=${redirectUri}&state=*`, (route) => {
+            route.fulfill({
+                status: 302,
+                headers: {
+                    location: 'http://localhost:9999/callback?code=*&state=*',
+                },
+            });
+        }, { times: 1 });
+        await page.waitForRequest('http://test.appsemble.localhost:9999/Callback?code=*&state=*');
+        await expect(page.getByRole('heading', { name: 'Example Page A' })).toBeVisible();
+    });
+    test.fixme('should handle app member email conflict', async ({ page }) => {
+        await page.click('a.button');
+        await expect(page.getByRole('heading', { name: 'Example Page A' })).toBeVisible();
+    });
+});
+//# sourceMappingURL=oauth2.spec.js.map