@appsemble/e2e 0.32.3 → 0.33.0

package/README.md

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

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

@@ -3,5 +3,11 @@ export interface TrainingFixtures {
      * Resets the user's training progress
      */
     resetTrainingProgress: () => Promise<void>;
+    /**
+     * Set the given training to 'complete' on the server for the currently logged in user
+     *
+     * @param trainingId ID of the training to complete
+     */
+    completeTraining: (trainingId: string) => 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

@@ -1,17 +1,23 @@
 import { test as base, expect } from '@playwright/test';
 export const test = base.extend({
-    async resetTrainingProgress({ baseURL, context }, use) {
+    async resetTrainingProgress({ request }, 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',
+            const response = await request.delete('/api/trainings/completed', {
                 headers: {
-                    Authorization: `Bearer ${accessToken}`,
-                    'Content-Type': 'application/json',
+                    Authorization: `Bearer ${process.env.ACCESS_TOKEN}`,
                 },
             });
-            expect(status).toBe(204);
+            expect(response.status()).toBe(204);
+        });
+    },
+    async completeTraining({ request }, use) {
+        await use(async (trainingId) => {
+            const response = await request.post(`/api/trainings/completed/${trainingId}`, {
+                headers: {
+                    Authorization: `Bearer ${process.env.ACCESS_TOKEN}`,
+                },
+            });
+            expect(response.status()).toBe(201);
         });
     },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appsemble/e2e",
-  "version": "0.32.3",
+  "version": "0.33.0",
   "description": "End-to-end tests used for testing Appsemble apps in an existing environment.",
   "keywords": [
     "app",
@@ -38,8 +38,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@appsemble/utils": "0.32.3",
-    "@appsemble/types": "0.32.3",
+    "@appsemble/utils": "0.33.0",
+    "@appsemble/types": "0.33.0",
     "jwt-decode": "^4.0.0",
     "@fortawesome/fontawesome-free": "^6.0.0",
     "@playwright/test": "1.51.1",

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

@@ -1,4 +1,4 @@
-import { expect, test } from '../../../fixtures/index.js';
+import { expect, test } from '../../../index.js';
 test.beforeEach(async ({ page, resetTrainingProgress }) => {
     await resetTrainingProgress();
     await page.goto('/en/trainings');
@@ -40,4 +40,54 @@ test('should unlock next chapter once blocking chapter is completed', async ({ p
         await expect(page.getByTestId(name)).toHaveChapterStatus(status);
     }
 });
+test('should unlock all blocked chapters once blocker is completed', async ({ completeTraining, page, }) => {
+    await expect(page.getByTestId('rf__node-data-transformation')).toHaveChapterStatus('blocked');
+    await expect(page.getByTestId('rf__node-styling-apps')).toHaveChapterStatus('blocked');
+    const prerequisiteTrainings = [
+        'what-is-appsemble',
+        'get-familiar-with-the-studio',
+        'app-structure',
+        'what-is-a-page',
+        'what-is-a-block',
+        'simple-app',
+        'events',
+        'actions',
+        'what-is-a-resource',
+        'storing-resource-entry',
+        'fetching-resources',
+    ];
+    for (const trainingId of prerequisiteTrainings) {
+        await completeTraining(trainingId);
+    }
+    await page.reload();
+    await expect(page.getByTestId('rf__node-data-transformation')).toHaveChapterStatus('available');
+    await expect(page.getByTestId('rf__node-styling-apps')).toHaveChapterStatus('available');
+});
+test('should unlock chapter that is blocked by multiple chapters when they are all completed', async ({ completeTraining, page, }) => {
+    await expect(page.getByTestId('rf__node-basic-app')).toHaveChapterStatus('blocked');
+    const prerequisiteTrainings = [
+        'what-is-appsemble',
+        'get-familiar-with-the-studio',
+        'app-structure',
+        'what-is-a-page',
+        'what-is-a-block',
+        'simple-app',
+        'events',
+        'actions',
+        'what-is-a-resource',
+        'storing-resource-entry',
+        'fetching-resources',
+        'what-are-remappers',
+        'remapper-chaining',
+        'remapper-history',
+        'styling-options',
+        'bulma-theming',
+        'custom-css',
+    ];
+    for (const trainingId of prerequisiteTrainings) {
+        await completeTraining(trainingId);
+    }
+    await page.reload();
+    await expect(page.getByTestId('rf__node-basic-app')).toHaveChapterStatus('available');
+});
 //# sourceMappingURL=logged-in.spec.js.map