V15: Chore: Fix msw in client test runner (umbraco#17777)

* remove unused

* Update index.ts

* add local files

* use fetch instead of import

src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts

@@ -1,4 +1,4 @@
-import { handlers as backofficeHandlers } from './handlers/backoffice.handlers.js';
+import { handlers as backofficeHandlers } from './handlers/backoffice/backoffice.handlers.js';
 import { handlers as configHandlers } from './handlers/config.handlers.js';
 import { handlers as cultureHandlers } from './handlers/culture.handlers.js';
 import { handlers as dataTypeHandlers } from './handlers/data-type/index.js';

src/Umbraco.Web.UI.Client/src/mocks/handlers/backoffice.handlers.ts → src/Umbraco.Web.UI.Client/src/mocks/handlers/backoffice/backoffice.handlers.ts

@@ -1,50 +1,46 @@
 const { rest } = window.MockServiceWorker;
 import { umbracoPath } from '@umbraco-cms/backoffice/utils';
 
-import logoUrl from '../../../../Umbraco.Cms.StaticAssets/wwwroot/umbraco/assets/logo.svg';
-import loginLogoUrl from '../../../../Umbraco.Cms.StaticAssets/wwwroot/umbraco/assets/logo_light.svg';
-import loginLogoAlternativeUrl from '../../../../Umbraco.Cms.StaticAssets/wwwroot/umbraco/assets/logo_dark.svg';
-import loginBackgroundUrl from '../../../../Umbraco.Cms.StaticAssets/wwwroot/umbraco/assets/login.jpg';
+const logoUrl = './src/mocks/handlers/backoffice/assets/logo.svg';
+const loginLogoUrl = './src/mocks/handlers/backoffice/assets/logo_light.svg';
+const loginLogoAlternativeUrl = './src/mocks/handlers/backoffice/assets/logo_dark.svg';
+const loginBackgroundUrl = './src/mocks/handlers/backoffice/assets/login.jpg';
 
 export const handlers = [
 	rest.get(umbracoPath('/security/back-office/graphics/logo'), async (req, res, ctx) => {
-		const imageBuffer = await fetch(logoUrl)
-			.then((res) => res.arrayBuffer());
+		const imageBuffer = await fetch(logoUrl).then((res) => res.arrayBuffer());
 
 		return res(
 			ctx.set('Content-Length', imageBuffer.byteLength.toString()),
 			ctx.set('Content-Type', 'image/svg+xml'),
-			ctx.body(imageBuffer)
+			ctx.body(imageBuffer),
 		);
 	}),
 	rest.get(umbracoPath('/security/back-office/graphics/login-logo'), async (req, res, ctx) => {
-		const imageBuffer = await fetch(loginLogoUrl)
-			.then((res) => res.arrayBuffer());
+		const imageBuffer = await fetch(loginLogoUrl).then((res) => res.arrayBuffer());
 
 		return res(
 			ctx.set('Content-Length', imageBuffer.byteLength.toString()),
 			ctx.set('Content-Type', 'image/svg+xml'),
-			ctx.body(imageBuffer)
+			ctx.body(imageBuffer),
 		);
 	}),
 	rest.get(umbracoPath('/security/back-office/graphics/login-logo-alternative'), async (req, res, ctx) => {
-		const imageBuffer = await fetch(loginLogoAlternativeUrl)
-			.then((res) => res.arrayBuffer());
+		const imageBuffer = await fetch(loginLogoAlternativeUrl).then((res) => res.arrayBuffer());
 
 		return res(
 			ctx.set('Content-Length', imageBuffer.byteLength.toString()),
 			ctx.set('Content-Type', 'image/svg+xml'),
-			ctx.body(imageBuffer)
+			ctx.body(imageBuffer),
 		);
 	}),
 	rest.get(umbracoPath('/security/back-office/graphics/login-background'), async (req, res, ctx) => {
-		const imageBuffer = await fetch(loginBackgroundUrl)
-			.then((res) => res.arrayBuffer());
+		const imageBuffer = await fetch(loginBackgroundUrl).then((res) => res.arrayBuffer());
 
 		return res(
 			ctx.set('Content-Length', imageBuffer.byteLength.toString()),
 			ctx.set('Content-Type', 'image/jpeg'),
-			ctx.body(imageBuffer)
+			ctx.body(imageBuffer),
 		);
 	}),
 ];

src/Umbraco.Web.UI.Client/utils/all-umb-consts/index.ts

@@ -96,7 +96,7 @@ export const foundConsts = [{
 			},
 {
 				path: '@umbraco-cms/backoffice/content',
-				consts: ["UMB_CONTENT_COLLECTION_WORKSPACE_CONTEXT","UMB_CONTENT_HAS_PROPERTIES_WORKSPACE_CONDITION","UMB_CONTENT_SECTION_ALIAS","UMB_CONTENT_PROPERTY_CONTEXT","UMB_CONTENT_WORKSPACE_CONTEXT"]
+				consts: ["UMB_CONTENT_COLLECTION_WORKSPACE_CONTEXT","UMB_CONTENT_HAS_PROPERTIES_WORKSPACE_CONDITION","UMB_CONTENT_SECTION_ALIAS","UMB_CONTENT_PROPERTY_CONTEXT","UMB_CONTENT_PROPERTY_DATASET_CONTEXT","UMB_CONTENT_WORKSPACE_CONTEXT"]
 			},
 {
 				path: '@umbraco-cms/backoffice/culture',
@@ -216,7 +216,7 @@ export const foundConsts = [{
 			},
 {
 				path: '@umbraco-cms/backoffice/member',
-				consts: ["UMB_MEMBER_COLLECTION_ALIAS","UMB_MEMBER_COLLECTION_CONTEXT","UMB_MEMBER_COLLECTION_REPOSITORY_ALIAS","UMB_MEMBER_TABLE_COLLECTION_VIEW_ALIAS","UMB_MEMBER_PICKER_MODAL","UMB_MEMBER_CREATE_OPTIONS_MODAL","UMB_MEMBER_ENTITY_TYPE","UMB_MEMBER_ROOT_ENTITY_TYPE","UMB_MEMBER_WORKSPACE_PATH","UMB_MEMBER_ROOT_WORKSPACE_PATH","UMB_CREATE_MEMBER_WORKSPACE_PATH_PATTERN","UMB_MEMBER_VARIANT_CONTEXT","UMB_MEMBER_DETAIL_REPOSITORY_ALIAS","UMB_MEMBER_DETAIL_STORE_ALIAS","UMB_MEMBER_DETAIL_STORE_CONTEXT","UMB_MEMBER_ITEM_REPOSITORY_ALIAS","UMB_MEMBER_STORE_ALIAS","UMB_MEMBER_ITEM_STORE_CONTEXT","UMB_MEMBER_SEARCH_PROVIDER_ALIAS","UMB_MEMBER_DETAIL_MODEL_VARIANT_SCAFFOLD","UMB_MEMBER_WORKSPACE_ALIAS","UMB_MEMBER_WORKSPACE_CONTEXT","UMB_MEMBER_ROOT_WORKSPACE_ALIAS"]
+				consts: ["UMB_MEMBER_COLLECTION_ALIAS","UMB_MEMBER_COLLECTION_CONTEXT","UMB_MEMBER_COLLECTION_REPOSITORY_ALIAS","UMB_MEMBER_TABLE_COLLECTION_VIEW_ALIAS","UMB_MEMBER_PICKER_MODAL","UMB_MEMBER_CREATE_OPTIONS_MODAL","UMB_MEMBER_ENTITY_TYPE","UMB_MEMBER_ROOT_ENTITY_TYPE","UMB_MEMBER_WORKSPACE_PATH","UMB_MEMBER_ROOT_WORKSPACE_PATH","UMB_CREATE_MEMBER_WORKSPACE_PATH_PATTERN","UMB_MEMBER_VARIANT_CONTEXT","UMB_MEMBER_DETAIL_REPOSITORY_ALIAS","UMB_MEMBER_DETAIL_STORE_ALIAS","UMB_MEMBER_DETAIL_STORE_CONTEXT","UMB_MEMBER_ITEM_REPOSITORY_ALIAS","UMB_MEMBER_STORE_ALIAS","UMB_MEMBER_ITEM_STORE_CONTEXT","UMB_MEMBER_VALIDATION_REPOSITORY_ALIAS","UMB_MEMBER_SEARCH_PROVIDER_ALIAS","UMB_MEMBER_DETAIL_MODEL_VARIANT_SCAFFOLD","UMB_MEMBER_WORKSPACE_ALIAS","UMB_MEMBER_WORKSPACE_CONTEXT","UMB_MEMBER_ROOT_WORKSPACE_ALIAS"]
 			},
 {
 				path: '@umbraco-cms/backoffice/menu',

src/Umbraco.Web.UI.Client/web-test-runner.index.ts

@@ -1,7 +1,7 @@
 import { handlers } from './src/mocks/browser-handlers.js';
 import { onUnhandledRequest } from './src/mocks/index.js';
 
-const { setupWorker, rest } = window.MockServiceWorker;
+const { setupWorker } = window.MockServiceWorker;
 
 const worker = setupWorker(...handlers);