test: create mock package

packages/mock-providers/.eslintrc.json

@@ -0,0 +1,4 @@
+{
+	"extends": ["@rocket.chat/eslint-config"],
+	"ignorePatterns": ["**/dist"]
+}

packages/mock-providers/package.json

@@ -0,0 +1,31 @@
+{
+	"name": "@rocket.chat/mock-providers",
+	"version": "0.0.1",
+	"private": true,
+	"devDependencies": {
+		"@rocket.chat/ui-contexts": "workspace:*",
+		"@tanstack/react-query": "^4.16.1",
+		"@types/jest": "^27.4.1",
+		"eslint": "^8.12.0",
+		"jest": "~29.5.0",
+		"react": "~17.0.2",
+		"ts-jest": "~29.0.5",
+		"typescript": "~5.0.2"
+	},
+	"peerDependencies": {
+		"@tanstack/react-query": "*",
+		"react": "*"
+	},
+	"scripts": {
+		"lint": "eslint --ext .js,.jsx,.ts,.tsx .",
+		"lint:fix": "eslint --ext .js,.jsx,.ts,.tsx . --fix",
+		"test": "jest",
+		"build": "rm -rf dist && tsc -p tsconfig.json",
+		"dev": "tsc -p tsconfig.json --watch --preserveWatchOutput"
+	},
+	"main": "./dist/index.js",
+	"typings": "./dist/index.d.ts",
+	"files": [
+		"/dist"
+	]
+}

packages/mock-providers/src/MockedAuthorizationContext.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { AuthorizationContext } from '@rocket.chat/ui-contexts';
+
+export const MockedAuthorizationContext = ({ permissions = [], children }: { permissions: string[]; children: React.ReactNode }) => {
+	return (
+		<AuthorizationContext.Provider
+			value={{
+				queryPermission: (id: string) => [() => (): void => undefined, (): boolean => permissions.includes(id)],
+				queryAtLeastOnePermission: () => [() => (): void => undefined, (): boolean => false],
+				queryAllPermissions: () => [() => (): void => undefined, (): boolean => false],
+				queryRole: () => [() => (): void => undefined, (): boolean => false],
+				roleStore: {
+					roles: {},
+					emit: (): void => undefined,
+					on: () => (): void => undefined,
+					off: (): void => undefined,
+					events: (): 'change'[] => ['change'],
+					has: (): boolean => false,
+					once: () => (): void => undefined,
+				},
+			}}
+		>
+			{children}
+		</AuthorizationContext.Provider>
+	);
+};

packages/mock-providers/src/MockedServerContext.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { Serialized } from '@rocket.chat/core-typings';
+import type { Method, OperationParams, OperationResult, PathPattern, UrlParams } from '@rocket.chat/rest-typings';
+import type { ServerMethodName, ServerMethodParameters } from '@rocket.chat/ui-contexts';
+import { ServerContext } from '@rocket.chat/ui-contexts';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+export const MockedServerContext = ({
+	handleRequest,
+	children,
+}: {
+	handleRequest: <TMethod extends Method, TPathPattern extends PathPattern>(args: {
+		method: TMethod;
+		pathPattern: TPathPattern;
+		keys: UrlParams<TPathPattern>;
+		params: OperationParams<TMethod, TPathPattern>;
+	}) => Promise<Serialized<OperationResult<TMethod, TPathPattern>>>;
+	children: React.ReactNode;
+}): any => {
+	const [queryClient] = React.useState(() => new QueryClient());
+	return (
+		<ServerContext.Provider
+			value={
+				{
+					absoluteUrl: (path: string) => `http://localhost:3000/${path}`,
+					callMethod: <MethodName extends ServerMethodName>(_methodName: MethodName, ..._args: ServerMethodParameters<MethodName>) =>
+						Promise.reject('mock not implemented'),
+					callEndpoint: async <TMethod extends Method, TPathPattern extends PathPattern>(args: {
+						method: TMethod;
+						pathPattern: TPathPattern;
+						keys: UrlParams<TPathPattern>;
+						params: OperationParams<TMethod, TPathPattern>;
+					}) => {
+						return handleRequest(args);
+					},
+				} as any
+			}
+		>
+			<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+		</ServerContext.Provider>
+	);
+};

packages/mock-providers/src/MockedSettingsContext.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { ISetting } from '@rocket.chat/core-typings';
+import { SettingsContext } from '@rocket.chat/ui-contexts';
+import type { ContextType } from 'react';
+
+const settingContextValue: ContextType<typeof SettingsContext> = {
+	hasPrivateAccess: true,
+	isLoading: false,
+	querySetting: (_id: string) => [() => () => undefined, () => undefined],
+	querySettings: () => [() => () => undefined, () => []],
+	dispatch: async () => undefined,
+};
+
+const createSettingContextValue = ({ settings }: { settings?: Record<string, ISetting['value']> }): ContextType<typeof SettingsContext> => {
+	const cache = new Map<string, ISetting['value']>();
+
+	return {
+		...settingContextValue,
+		...(settings && {
+			querySetting: (_id: string) => [
+				() => () => undefined,
+				() => {
+					if (cache.has(_id)) {
+						return cache.get(_id) as any;
+					}
+					cache.set(_id, { value: settings[_id] } as any);
+					return cache.get(_id) as any;
+				},
+			],
+		}),
+	};
+};
+
+export const MockedSettingsContext = ({
+	settings,
+	children,
+}: {
+	children: React.ReactNode;
+	settings?: Record<string, ISetting['value']>;
+}) => {
+	return <SettingsContext.Provider value={createSettingContextValue({ settings })}>{children}</SettingsContext.Provider>;
+};

packages/mock-providers/src/MockedUserContext.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { LoginService } from '@rocket.chat/ui-contexts';
+import { UserContext } from '@rocket.chat/ui-contexts';
+import type { ContextType } from 'react';
+
+const userContextValue: ContextType<typeof UserContext> = {
+	userId: 'john.doe',
+	user: {
+		_id: 'john.doe',
+		username: 'john.doe',
+		name: 'John Doe',
+		createdAt: new Date(),
+		active: true,
+		_updatedAt: new Date(),
+		roles: ['admin'],
+		type: 'user',
+	},
+	queryPreference: (<T,>(pref: string, defaultValue: T) => [
+		() => () => undefined,
+		() => (typeof pref === 'string' ? undefined : defaultValue),
+	]) as any,
+	querySubscriptions: () => [() => () => undefined, () => []],
+	querySubscription: () => [() => () => undefined, () => undefined],
+	queryRoom: () => [() => () => undefined, () => undefined],
+
+	queryAllServices: () => [() => (): void => undefined, (): LoginService[] => []],
+	loginWithService: () => () => Promise.reject('loginWithService not implemented'),
+	loginWithPassword: async () => Promise.reject('loginWithPassword not implemented'),
+	loginWithToken: async () => Promise.reject('loginWithToken not implemented'),
+	logout: () => Promise.resolve(),
+};
+
+const createUserContextValue = ({ userPreferences }: { userPreferences?: Record<string, unknown> }): ContextType<typeof UserContext> => {
+	return {
+		...userContextValue,
+		...(userPreferences && { queryPreference: (id) => [() => () => undefined, () => userPreferences[id as unknown as string] as any] }),
+	};
+};
+
+export const MockedUserContext = ({
+	userPreferences,
+	children,
+}: {
+	children: React.ReactNode;
+	userPreferences?: Record<string, unknown>;
+}) => {
+	return <UserContext.Provider value={createUserContextValue({ userPreferences })}>{children}</UserContext.Provider>;
+};

packages/mock-providers/tsconfig.json

@@ -0,0 +1,9 @@
+{
+	"extends": "../../tsconfig.base.client.json",
+	"compilerOptions": {
+		"jsx": "react",
+		"rootDir": "./src",
+		"outDir": "./dist"
+	},
+	"include": ["./src/**/*"]
+}