@appsemble/e2e 0.36.10-test.2 → 0.36.10-test.4

package/README.md

@@ -1,8 +1,8 @@
-# ![](https://gitlab.com/appsemble/appsemble/-/raw/0.36.10-test.2/config/assets/logo.svg) Appsemble End 2 End Tests
+# ![](https://gitlab.com/appsemble/appsemble/-/raw/0.36.10-test.4/config/assets/logo.svg) Appsemble End 2 End Tests
 
 > Run end 2 end tests on an Appsemble environment and provide Appsemble fixtures
 
-[![GitLab CI](https://gitlab.com/appsemble/appsemble/badges/0.36.10-test.2/pipeline.svg)](https://gitlab.com/appsemble/appsemble/-/releases/0.36.10-test.2)
+[![GitLab CI](https://gitlab.com/appsemble/appsemble/badges/0.36.10-test.4/pipeline.svg)](https://gitlab.com/appsemble/appsemble/-/releases/0.36.10-test.4)
 [![Prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://prettier.io)
 
 ## Table of Contents
@@ -102,5 +102,5 @@ When writing end-to-end tests, have a look at the
 
 ## License
 
-[LGPL-3.0-only](https://gitlab.com/appsemble/appsemble/-/blob/0.36.10-test.2/LICENSE.md) ©
+[LGPL-3.0-only](https://gitlab.com/appsemble/appsemble/-/blob/0.36.10-test.4/LICENSE.md) ©
 [Appsemble](https://appsemble.com)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appsemble/e2e",
-  "version": "0.36.10-test.2",
+  "version": "0.36.10-test.4",
   "description": "End-to-end tests used for testing Appsemble apps in an existing environment.",
   "keywords": [
     "app",
@@ -37,10 +37,13 @@
     "codegen": "playwright codegen",
     "test": "vitest"
   },
+  "dependenciesComments": {
+    "@playwright/test": "Pinned exact and kept in sync with the mcr.microsoft.com/playwright:v<version>-noble tag of the `e2e node` job in .gitlab-ci.yml; Renovate bumps both together (see renovate.json)."
+  },
   "dependencies": {
-    "@appsemble/lang-sdk": "0.36.10-test.2",
-    "@appsemble/node-utils": "0.36.10-test.2",
-    "@appsemble/types": "0.36.10-test.2",
+    "@appsemble/lang-sdk": "0.36.10-test.4",
+    "@appsemble/node-utils": "0.36.10-test.4",
+    "@appsemble/types": "0.36.10-test.4",
     "@playwright/test": "1.58.2",
     "strip-indent": "^4.0.0"
   },

package/setup/create-accounts.setup.js

@@ -1,5 +1,42 @@
 import { createUser, deleteUser } from '@appsemble/node-utils';
 import { test as setup } from '@playwright/test';
+async function ensureAppsembleOrganization(baseURL) {
+    const organizationResponse = await fetch(`${baseURL}/api/organizations/appsemble`);
+    if (organizationResponse.status === 200) {
+        return;
+    }
+    if (organizationResponse.status !== 404) {
+        throw new Error(`Unexpected status ${organizationResponse.status} while fetching the appsemble organization`);
+    }
+    const email = 'worker-0@appsemble.com';
+    const password = 'worker-0';
+    const loginResponse = await fetch(`${baseURL}/api/auth/email/login`, {
+        method: 'POST',
+        headers: {
+            authorization: `Basic ${Buffer.from(`${email}:${password}`).toString('base64')}`,
+        },
+    });
+    if (loginResponse.status !== 200) {
+        throw new Error(`Unexpected status ${loginResponse.status} while logging in to create the appsemble organization`);
+    }
+    const { access_token: accessToken } = (await loginResponse.json());
+    const formData = new FormData();
+    formData.set('id', 'appsemble');
+    formData.set('name', 'Appsemble');
+    formData.set('description', '');
+    formData.set('email', '');
+    formData.set('website', 'http');
+    const createResponse = await fetch(`${baseURL}/api/organizations`, {
+        method: 'POST',
+        headers: {
+            authorization: `Bearer ${accessToken}`,
+        },
+        body: formData,
+    });
+    if (createResponse.status !== 201 && createResponse.status !== 409) {
+        throw new Error(`Unexpected status ${createResponse.status} while creating the appsemble organization: ${await createResponse.text()}`);
+    }
+}
 setup('create accounts for workers', async ({}, testInfo) => {
     for (let i = 0; i < testInfo.config.workers; i += 1) {
         const id = `worker-${i}`;
@@ -8,5 +45,9 @@ setup('create accounts for workers', async ({}, testInfo) => {
         await deleteUser(email);
         await createUser(id, email, password);
     }
+    if (!testInfo.project.use.baseURL) {
+        throw new Error('Missing Playwright baseURL');
+    }
+    await ensureAppsembleOrganization(String(testInfo.project.use.baseURL));
 });
 //# sourceMappingURL=create-accounts.setup.js.map

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

@@ -24,10 +24,27 @@ test.describe('Person', () => {
         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);
+        // The form block resets field values while it finishes initializing (the
+        // file field briefly holds the form in a loading state), dropping values
+        // typed too early. Re-fill until every field keeps its value.
+        await expect(async () => {
+            await page.getByPlaceholder('First name').fill(firstName);
+            await page.getByPlaceholder('Last name').fill(lastName);
+            await page.getByPlaceholder('Email').fill(email);
+            await page.getByPlaceholder('Description').fill(description);
+            await expect(page.getByPlaceholder('First name')).toHaveValue(firstName, {
+                timeout: 1000,
+            });
+            await expect(page.getByPlaceholder('Last name')).toHaveValue(lastName, {
+                timeout: 1000,
+            });
+            await expect(page.getByPlaceholder('Email')).toHaveValue(email, {
+                timeout: 1000,
+            });
+            await expect(page.getByPlaceholder('Description')).toHaveValue(description, {
+                timeout: 1000,
+            });
+        }).toPass({ timeout: 10000 });
         await page.click('button[type="submit"]');
         await page.click(`td:has-text("${firstName}")`);
         await expect(page.getByText(firstName)).toBeVisible();

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

@@ -33,7 +33,6 @@ test.describe('Individual app', () => {
     test('should not prompt when user has saved their changes', async ({ clickAppSideMenuItem, page, }) => {
         await clickAppSideMenuItem('Editor');
         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();

package/tests/studio/member-roles.spec.d.ts

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

package/tests/studio/member-roles.spec.js

@@ -0,0 +1,54 @@
+import { expect, authenticatedTest as test } from '../../index.js';
+let membersAppId;
+let membersAppPath;
+test.describe('Studio member roles', () => {
+    test.beforeAll(async ({ createApp, createOrganization, randomTestId }) => {
+        const organizationId = (await createOrganization({ id: randomTestId() })).id;
+        const app = await createApp(organizationId, `
+        name: Member Roles App
+        defaultPage: Test Page
+        security:
+          default:
+            role: User
+            policy: everyone
+          roles:
+            User: {}
+            Admin: {}
+            Auditor: {}
+        pages:
+          - name: Test Page
+            blocks:
+              - type: data-loader
+                version: 0.34.15
+      `);
+        membersAppId = app.id;
+        membersAppPath = app.path;
+    });
+    test.afterAll(async ({ deleteApp }) => {
+        if (membersAppId != null) {
+            await deleteApp(membersAppId);
+        }
+    });
+    test('should update multiple member roles in Studio', async ({ page, randomTestId, request }) => {
+        const email = `${randomTestId()}@example.com`;
+        const registration = new FormData();
+        registration.append('email', email);
+        registration.append('password', 'password');
+        registration.append('timezone', 'Europe/Amsterdam');
+        const registerResponse = await request.post(`/api/apps/${membersAppId}/auth/email/register`, {
+            multipart: registration,
+        });
+        expect(registerResponse.status()).toBe(201);
+        await page.goto(`/en/apps/${membersAppId}/${membersAppPath}/members`);
+        const rolesSelect = page.getByTestId(`app-member-roles-${email}`);
+        await rolesSelect.selectOption(['Admin', 'Auditor']);
+        await expect(page.getByText(`Successfully changed roles of ${email} to Admin, Auditor.`)).toBeVisible();
+        await page.reload();
+        await expect
+            .poll(() => page
+            .getByTestId(`app-member-roles-${email}`)
+            .evaluate((element) => Array.from(element.selectedOptions, ({ value }) => value)))
+            .toEqual(['Admin', 'Auditor']);
+    });
+});
+//# sourceMappingURL=member-roles.spec.js.map