@appsemble/e2e 0.32.2

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

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

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

@@ -0,0 +1,14 @@
+import { expect, test } from '../../../index.js';
+test.describe('App password 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=password.spec.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { expect, test } from '../../../index.js';
+test.describe('App registration', () => {
+    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=register.spec.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { expect, test } from '../../../index.js';
+test.describe('App SAML login', () => {
+    test.fixme('should work', async ({ page }) => {
+        await page.getByRole('link', { name: 'Login' }).click();
+        await page.getByRole('button', { name: 'Login with SAML' }).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=saml.spec.js.map

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

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

package/tests/studio/organizations.spec.js

@@ -0,0 +1,33 @@
+import { expect, test } from '../../index.js';
+test.describe('Organizations', () => {
+    test.beforeEach(async ({ page }) => {
+        await page.goto('/en/organizations');
+    });
+    test('should render a list of organizations', async ({ page }) => {
+        await expect(page.getByRole('link', { name: 'Appsemble appsemble', exact: true })).toBeVisible();
+    });
+    test('should link to organization details', async ({ page }) => {
+        await page.getByRole('link', { name: 'Appsemble appsemble', exact: true }).click();
+        await expect(page.getByText('The open source low-code app building platform')).toBeVisible();
+        await expect(page.getByRole('heading', { name: 'Apps', exact: true })).toBeVisible();
+        await expect(page.getByRole('heading', { name: 'Blocks', exact: true })).toBeVisible();
+        await expect(page.getByText('Unlittered')).toBeVisible();
+        await expect(page.getByText('action-button')).toBeVisible();
+    });
+    test('should cancel the deletion of invite', async ({ page }) => {
+        await page.goto('/en/organizations/appsemble/members');
+        await page.click('button.button');
+        await page.fill('input[name="email"]', 'e2e@appsemble.com');
+        await page.click('button[type="submit"]');
+        await page.click('button[title="Delete invite"]');
+        await page.click('button[type="button"]:has-text("Cancel")');
+        await expect(page.getByRole('paragraph', { name: 'Add new members' })).toBeHidden();
+    });
+    test('should delete invite', async ({ page }) => {
+        await page.goto('/en/organizations/appsemble/members');
+        await page.click('button[title="Delete invite"]');
+        await page.click('button[type="button"]:has-text("Delete invite")');
+        await expect(page.locator('table tr:has-text("e2e@appsemble.com")')).toBeHidden();
+    });
+});
+//# sourceMappingURL=organizations.spec.js.map

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

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

package/tests/studio/root.spec.js

@@ -0,0 +1,8 @@
+import { expect, test } from '../../index.js';
+test('should allow to switch languages', async ({ page }) => {
+    await page.goto('/en/apps');
+    await page.locator('button', { hasText: /EN/ }).click();
+    await page.locator('button:has-text("Dutch (Nederlands)")').click();
+    await expect(page.getByRole('heading', { name: 'Alle Apps', exact: true })).toBeVisible();
+});
+//# sourceMappingURL=root.spec.js.map

package/tests/studio/trainings/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const availableColor = "rgb(255, 255, 255)";
+export declare const inProgressColor = "rgb(255, 127, 39)";
+export declare const completedColor = "rgb(34, 177, 76)";
+export declare const blockedColor = "rgb(211, 211, 211)";

package/tests/studio/trainings/constants.js

@@ -0,0 +1,5 @@
+export const availableColor = 'rgb(255, 255, 255)';
+export const inProgressColor = 'rgb(255, 127, 39)';
+export const completedColor = 'rgb(34, 177, 76)';
+export const blockedColor = 'rgb(211, 211, 211)';
+//# sourceMappingURL=constants.js.map

package/tests/studio/trainings/logged-in.spec.d.ts

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

package/tests/studio/trainings/logged-in.spec.js

@@ -0,0 +1,43 @@
+import { expect, test } from '../../../fixtures/index.js';
+test.beforeEach(async ({ page, resetTrainingProgress }) => {
+    await resetTrainingProgress();
+    await page.goto('/en/trainings');
+});
+// We only have 1 account, so tests can influence each other
+test.describe.configure({ mode: 'serial' });
+test('should show the first chapter unlocked and the second one blocked', async ({ page }) => {
+    const nodeStatus = [
+        { name: 'rf__node-introduction', status: 'available' },
+        { name: 'rf__node-what-is-appsemble', status: 'available' },
+        { name: 'rf__node-get-familiar-with-the-studio', status: 'available' },
+        { name: 'rf__node-how-to-create-an-app', status: 'blocked' },
+        { name: 'rf__node-app-structure', status: 'blocked' },
+        { name: 'rf__node-what-is-a-page', status: 'blocked' },
+        { name: 'rf__node-what-is-a-block', status: 'blocked' },
+        { name: 'rf__node-simple-app', status: 'blocked' },
+    ];
+    for (const { name, status } of nodeStatus) {
+        await expect(page.getByTestId(name)).toHaveChapterStatus(status);
+    }
+});
+test('should unlock next chapter once blocking chapter is completed', async ({ page }) => {
+    await page.getByTestId('rf__node-what-is-appsemble').getByRole('link').click();
+    await page.getByRole('button', { name: 'Click to complete' }).click();
+    await page.getByRole('button', { name: 'To "Get familiar with the studio"' }).click();
+    await page.getByRole('button', { name: 'Click to complete' }).click();
+    await page.getByRole('button', { name: 'Back to tree' }).click();
+    const nodeStatus = [
+        { name: 'rf__node-introduction', status: 'completed' },
+        { name: 'rf__node-what-is-appsemble', status: 'completed' },
+        { name: 'rf__node-get-familiar-with-the-studio', status: 'completed' },
+        { name: 'rf__node-how-to-create-an-app', status: 'available' },
+        { name: 'rf__node-app-structure', status: 'available' },
+        { name: 'rf__node-what-is-a-page', status: 'available' },
+        { name: 'rf__node-what-is-a-block', status: 'available' },
+        { name: 'rf__node-simple-app', status: 'available' },
+    ];
+    for (const { name, status } of nodeStatus) {
+        await expect(page.getByTestId(name)).toHaveChapterStatus(status);
+    }
+});
+//# sourceMappingURL=logged-in.spec.js.map

package/tests/studio/trainings/logged-out.spec.d.ts

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

package/tests/studio/trainings/logged-out.spec.js

@@ -0,0 +1,42 @@
+import { availableColor } from './constants.js';
+import { expect, test } from '../../../fixtures/index.js';
+test.beforeEach(async ({ page }) => {
+    await page.goto('/en/trainings');
+    await expect(page.getByLabel('Breadcrumbs').getByRole('listitem').filter({ hasText: 'Training' })).toBeVisible();
+});
+test.use({ storageState: { cookies: [], origins: [] } });
+test('should render first chapter in training tree', async ({ page }) => {
+    await expect(page.getByTestId('rf__node-introduction')).toBeVisible();
+});
+test('should show banner if user is not logged in', async ({ page }) => {
+    await expect(page.getByText('Warning: You are currently not logged in. While logged out you can access all trainings, but progress will not be saved')).toBeVisible();
+});
+test('should have all trainings unlocked if user is not logged in', async ({ page }) => {
+    // Wait for initialization since locator.all() does not wait for elements to be visible
+    await page.getByTestId('rf__node-introduction').waitFor({ state: 'visible' });
+    const statusCircles = await page.getByTestId('status-circle').all();
+    expect(statusCircles.length).toBeGreaterThan(0);
+    for (const statusCircle of statusCircles) {
+        await expect(statusCircle).toHaveCSS('background-color', availableColor);
+    }
+    const blockedNodeTitles = await page.getByTestId('node-title-blocked').all();
+    expect(blockedNodeTitles.length).toBe(0);
+});
+test('should navigate to training once the link is clicked', async ({ page }) => {
+    await page.getByTestId('rf__node-what-is-appsemble').getByRole('link').click();
+    await expect(page.getByRole('heading', { name: 'Appsemble Introduction ' })).toBeVisible();
+});
+test('should update training and chapter status once training is completed', async ({ page }) => {
+    await page.getByTestId('rf__node-what-is-appsemble').getByRole('link').click();
+    await page.getByRole('button', { name: 'Click to complete' }).click();
+    await page.getByRole('button', { name: 'Back to tree' }).click();
+    await expect(page.getByTestId('rf__node-introduction')).toHaveChapterStatus('in progress');
+    await expect(page.getByTestId('rf__node-what-is-appsemble')).toHaveChapterStatus('completed');
+});
+test('should allow user to click through chapter trainings', async ({ page }) => {
+    await page.getByTestId('rf__node-what-is-appsemble').getByRole('link').click();
+    await page.getByRole('button', { name: 'Click to complete' }).click();
+    await page.getByRole('button', { name: 'To "Get familiar with the studio"' }).click();
+    await expect(page.getByRole('heading', { name: 'Get familiar with the studio' })).toBeVisible();
+});
+//# sourceMappingURL=logged-out.spec.js.map

package/tests/template-apps/empty.spec.d.ts

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

package/tests/template-apps/empty.spec.js

@@ -0,0 +1,14 @@
+import { expect, test } from '../../index.js';
+test.describe('Empty', () => {
+    test.beforeEach(async ({ page, visitApp }) => {
+        await visitApp('empty');
+        await page.waitForURL('**/example-page-a');
+    });
+    test('should navigate to the second page and back', async ({ page }) => {
+        await page.click('a.button');
+        await expect(page.getByRole('heading', { name: 'Example Page B' })).toBeVisible();
+        await page.click('a.button');
+        await expect(page.getByRole('heading', { name: 'Example Page A' })).toBeVisible();
+    });
+});
+//# sourceMappingURL=empty.spec.js.map

package/tests/template-apps/holidays.spec.d.ts

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

package/tests/template-apps/holidays.spec.js

@@ -0,0 +1,25 @@
+import { expect, test } from '../../index.js';
+test.describe('Holidays', () => {
+    test.beforeEach(async ({ page, visitApp }) => {
+        await page.route('/api/apps/*/actions/pages.0.tabs.0.blocks.0.actions.onLoad*', (route) => {
+            route.fulfill({ path: 'mock-data/holidays-nl.json' });
+        });
+        await page.route('/api/apps/*/actions/pages.0.tabs.1.blocks.0.actions.onLoad*', (route) => {
+            route.fulfill({ path: 'mock-data/holidays-de.json' });
+        });
+        await page.route('/api/apps/*/actions/pages.1.tabs.0.blocks.0.actions.onLoad*', (route) => {
+            route.fulfill({ path: 'mock-data/holidays-us.json' });
+        });
+        await visitApp('holidays');
+        await page.waitForURL('**/holidays-in-europe/netherlands');
+    });
+    test('should navigate to the second tab', async ({ page }) => {
+        await page.click('text=Germany');
+        await expect(page.getByText('Mariä Himmelfahrt')).toBeVisible();
+    });
+    test('should navigate to the American holidays page', async ({ page }) => {
+        await page.click('text=Holidays in America');
+        await expect(page.getByText('Independence Day')).toBeVisible();
+    });
+});
+//# sourceMappingURL=holidays.spec.js.map

package/tests/template-apps/notes.spec.d.ts

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

package/tests/template-apps/notes.spec.js

@@ -0,0 +1,25 @@
+import { expect, test } from '../../index.js';
+test.describe('Notes', () => {
+    test.beforeAll(async ({ getAppId, giveAppConsent }) => {
+        const appId = await getAppId('notes');
+        await giveAppConsent(appId);
+    });
+    test.beforeEach(async ({ loginAppAppsembleOAuth, page, visitApp }) => {
+        await visitApp('notes');
+        await loginAppAppsembleOAuth();
+        await page.waitForURL('**/notes');
+    });
+    test('should create a new note and view it', async ({ page }) => {
+        const date = Date.now();
+        await page.click('.button.is-rounded');
+        await page.fill('#title', `Title ${date}`);
+        await page.fill('#body', `Body ${date}`);
+        await page.click('button[type="submit"]');
+        const entry = page.locator(`text=Title ${date}`);
+        await expect(entry).toBeVisible();
+        await entry.click();
+        await expect(page.getByPlaceholder('title')).toHaveValue(`Title ${date}`);
+        await expect(page.getByPlaceholder('body')).toHaveValue(`Body ${date}`);
+    });
+});
+//# sourceMappingURL=notes.spec.js.map

package/tests/template-apps/person.spec.d.ts

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

package/tests/template-apps/person.spec.js

@@ -0,0 +1,25 @@
+import { expect, test } from '../../index.js';
+test.describe('Person', () => {
+    test.beforeEach(async ({ page, visitApp }) => {
+        await visitApp('person');
+        await page.waitForURL('**/person-registration-form');
+    });
+    test('should submit a new person and view it', async ({ page }) => {
+        const date = Date.now();
+        const firstName = `First name ${date}`;
+        const lastName = `Last name ${date}`;
+        const email = `Email${date}@example.com`;
+        const description = `Description ${date}`;
+        await page.fill('[placeholder="First name"]', firstName);
+        await page.fill('[placeholder="Last name"]', lastName);
+        await page.fill('[placeholder="Email"]', email);
+        await page.fill('[placeholder="Description"]', description);
+        await page.click('button[type="submit"]');
+        await page.click(`td:has-text("${firstName}")`);
+        await expect(page.getByText(firstName)).toBeVisible();
+        await expect(page.getByText(lastName)).toBeVisible();
+        await expect(page.getByText(email)).toBeVisible();
+        await expect(page.getByText(description)).toBeVisible();
+    });
+});
+//# sourceMappingURL=person.spec.js.map

package/vitest.config.js

@@ -0,0 +1,3 @@
+import { createVitestConfig } from '../../config/vitest/config.js';
+
+export default createVitestConfig(import.meta);