chore(edit-content): fix error #30215

dotCMS · Nov 20, 2024 · b0e7dc1 · b0e7dc1
1 parent 0c74bb3
commit b0e7dc1
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 7 deletions.
diff --git a/core-web/libs/edit-content/jest.config.ts b/core-web/libs/edit-content/jest.config.ts
@@ -18,6 +18,5 @@ export default {
         'jest-preset-angular/build/serializers/no-ng-attributes',
         'jest-preset-angular/build/serializers/ng-snapshot',
         'jest-preset-angular/build/serializers/html-comment'
-    ],
-    testEnvironment: '@happy-dom/jest-environment'
+    ]
 };
diff --git a/...-file-field/components/dot-file-field-ui-message/dot-file-field-ui-message.component.html b/...-file-field/components/dot-file-field-ui-message/dot-file-field-ui-message.component.html
@@ -4,8 +4,8 @@
     <i [ngClass]="uiMessage.icon" data-testId="ui-message-icon" class="icon"></i>
 </div>
 <div class="text">
-    <span
+    <div
         [innerHTML]="uiMessage.message | dm: uiMessage?.args"
-        data-testId="ui-message-span"></span>
+        data-testId="ui-message-span"> </div>
     <ng-content></ng-content>
 </div>
diff --git a/...le-field/components/dot-file-field-ui-message/dot-file-field-ui-message.component.spec.ts b/...le-field/components/dot-file-field-ui-message/dot-file-field-ui-message.component.spec.ts
@@ -1,5 +1,7 @@
 import { Spectator, byTestId, createComponentFactory } from '@ngneat/spectator/jest';
 
+import { CommonModule } from '@angular/common';
+
 import { DotMessageService } from '@dotcms/data-access';
 import { DotMessagePipe } from '@dotcms/ui';
 import { MockDotMessageService } from '@dotcms/utils-testing';
@@ -14,7 +16,7 @@ describe('DotFileFieldUiMessageComponent', () => {
     const createComponent = createComponentFactory({
         component: DotFileFieldUiMessageComponent,
         detectChanges: false,
-        imports: [DotMessagePipe],
+        imports: [DotMessagePipe, CommonModule],
         providers: [
             {
                 provide: DotMessageService,

diff --git a/...ntent/src/lib/fields/dot-edit-content-file-field/dot-edit-content-file-field.component.ts b/...ntent/src/lib/fields/dot-edit-content-file-field/dot-edit-content-file-field.component.ts
@@ -21,7 +21,7 @@ import { filter, map } from 'rxjs/operators';
 
 import { DotAiService, DotMessageService } from '@dotcms/data-access';
 import { DotCMSContentTypeField, DotGeneratedAIImage } from '@dotcms/dotcms-models';
-import { INPUT_TYPES, UploadedFile } from '@dotcms/edit-content/models/dot-edit-content-file.model';
+import { INPUT_TYPE, UploadedFile } from '@dotcms/edit-content/models/dot-edit-content-file.model';
 import {
     DotDropZoneComponent,
     DotMessagePipe,
@@ -162,7 +162,7 @@ export class DotEditContentFileFieldComponent implements ControlValueAccessor, O
 
         this.store.initLoad({
             fieldVariable: field.variable,
-            inputType: field.fieldType as INPUT_TYPES
+            inputType: field.fieldType as INPUT_TYPE
         });
     }
 

diff --git a/core-web/libs/edit-content/src/test-setup.ts b/core-web/libs/edit-content/src/test-setup.ts
@@ -1 +1,11 @@
 import 'jest-preset-angular/setup-jest';
+
+// Workaround for the following issue:
+// https://github.com/jsdom/jsdom/issues/2177#issuecomment-1724971596
+const originalConsoleError = console.error;
+const jsDomCssError = 'Error: Could not parse CSS stylesheet';
+console.error = (...params) => {
+    if (!params.find((p) => p.toString().includes(jsDomCssError))) {
+        originalConsoleError(...params);
+    }
+};