add frontend test

Author: zxbmmmmmmmmm

extensions/mentions/js/jest.config.cjs

@@ -0,0 +1,5 @@
+module.exports = require('@flarum/jest-config')({
+  moduleNameMapper: {
+    '^flarum/(.*)$': '<rootDir>/../../../framework/core/js/src/$1',
+  },
+});

extensions/mentions/js/package.json

@@ -1,28 +1,31 @@
 {
-    "private": true,
-    "name": "@flarum/mentions",
-    "version": "0.0.0",
-    "prettier": "@flarum/prettier-config",
-    "devDependencies": {
-        "prettier": "^2.5.1",
-        "flarum-webpack-config": "^3.0.0",
-        "webpack": "^5.104.1",
-        "webpack-cli": "^4.9.1",
-        "@flarum/prettier-config": "^1.0.0",
-        "flarum-tsconfig": "^2.0.0",
-        "typescript": "^4.5.4",
-        "typescript-coverage-report": "^0.6.1"
-    },
-    "scripts": {
-        "dev": "webpack --mode development --watch",
-        "build": "webpack --mode production",
-        "analyze": "cross-env ANALYZER=true yarn run build",
-        "format": "prettier --write src",
-        "format-check": "prettier --check src",
-        "clean-typings": "npx rimraf dist-typings && mkdir dist-typings",
-        "build-typings": "yarn run clean-typings && ([ -e src/@types ] && cp -r src/@types dist-typings/@types || true) && tsc && yarn run post-build-typings",
-        "post-build-typings": "find dist-typings -type f -name '*.d.ts' -print0 | xargs -0 sed -i 's,../src/@types,@types,g'",
-        "check-typings": "tsc --noEmit --emitDeclarationOnly false",
-        "check-typings-coverage": "typescript-coverage-report"
-    }
+  "private": true,
+  "name": "@flarum/mentions",
+  "version": "0.0.0",
+  "prettier": "@flarum/prettier-config",
+  "devDependencies": {
+    "prettier": "^2.5.1",
+    "flarum-webpack-config": "^3.0.0",
+    "webpack": "^5.104.1",
+    "webpack-cli": "^4.9.1",
+    "@flarum/jest-config": "^2.0.0",
+    "@flarum/prettier-config": "^1.0.0",
+    "flarum-tsconfig": "^2.0.0",
+    "typescript": "^4.5.4",
+    "typescript-coverage-report": "^0.6.1"
+  },
+  "scripts": {
+    "dev": "webpack --mode development --watch",
+    "build": "webpack --mode production",
+    "analyze": "cross-env ANALYZER=true yarn run build",
+    "test": "yarn node --experimental-vm-modules $(yarn bin jest)",
+    "format": "prettier --write src",
+    "format-check": "prettier --check src",
+    "clean-typings": "npx rimraf dist-typings && mkdir dist-typings",
+    "build-typings": "yarn run clean-typings && ([ -e src/@types ] && cp -r src/@types dist-typings/@types || true) && tsc && yarn run post-build-typings",
+    "post-build-typings": "find dist-typings -type f -name '*.d.ts' -print0 | xargs -0 sed -i 's,../src/@types,@types,g'",
+    "check-typings": "tsc --noEmit --emitDeclarationOnly false",
+    "check-typings-coverage": "typescript-coverage-report"
+  },
+  "type": "module"
 }

extensions/mentions/js/tests/integration/forum/components/PostMentionedNotification.test.ts

@@ -0,0 +1,101 @@
+import bootstrapForum from '@flarum/jest-config/src/bootstrap/forum';
+import app from 'flarum/forum/app';
+import Notification from 'flarum/common/models/Notification';
+import PostMentionedNotification from '../../../../src/forum/components/PostMentionedNotification';
+import { dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
+
+const coreJsDir = resolve(dirname(fileURLToPath(import.meta.url)), '../../../../../../../framework/core/js');
+
+beforeAll(() => {
+  const cwd = process.cwd();
+
+  try {
+    process.chdir(coreJsDir);
+    bootstrapForum();
+  } finally {
+    process.chdir(cwd);
+  }
+});
+
+describe('PostMentionedNotification', () => {
+  beforeAll(() => {
+    app.boot();
+
+    app.store.pushPayload({
+      data: [
+        {
+          id: '1',
+          type: 'discussions',
+          attributes: {
+            slug: '1-original-discussion',
+            title: 'Original discussion',
+          },
+        },
+        {
+          id: '2',
+          type: 'discussions',
+          attributes: {
+            slug: '2-reply-discussion',
+            title: 'Reply discussion',
+          },
+        },
+      ],
+    });
+
+    app.store.pushPayload({
+      data: {
+        id: '10',
+        type: 'posts',
+        attributes: {
+          number: 3,
+          contentHtml: '<p>Original post</p>',
+        },
+        relationships: {
+          discussion: {
+            data: { type: 'discussions', id: '1' },
+          },
+        },
+      },
+    });
+  });
+
+  function makeNotification(content: Record<string, unknown>) {
+    return new Notification(
+      {
+        id: '1',
+        type: 'notifications',
+        attributes: {
+          content,
+          contentType: 'postMentioned',
+          createdAt: new Date(),
+          isRead: false,
+        },
+        relationships: {
+          subject: {
+            data: { type: 'posts', id: '10' },
+          },
+        },
+      },
+      app.store
+    );
+  }
+
+  function hrefFor(content: Record<string, unknown>) {
+    const component = new PostMentionedNotification();
+
+    component.attrs = {
+      notification: makeNotification(content),
+    } as any;
+
+    return component.href();
+  }
+
+  it.each([
+    { content: { replyNumber: 5, discussionId: 2 }, expectedHref: '/d/2/5' },
+    { content: { replyNumber: 5 }, expectedHref: '/d/1-original-discussion/5' },
+    { content: { replyNumber: 1, discussionId: 2 }, expectedHref: '/d/2' },
+  ])('returns $expectedHref for notification content $content', ({ content, expectedHref }) => {
+    expect(hrefFor(content)).toBe(expectedHref);
+  });
+});

extensions/mentions/js/tsconfig.test.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["tests/**/*"],
+  "files": ["../../../node_modules/@flarum/jest-config/shims.d.ts"],
+  "compilerOptions": {
+    "strict": false,
+    "noImplicitReturns": false,
+    "noImplicitAny": false
+  }
+}