diff --git a/springwolf-ui/src/app/components/mock-components.spec.ts b/springwolf-ui/src/app/components/mock-components.spec.ts
index ae15b5dcc..799779653 100644
--- a/springwolf-ui/src/app/components/mock-components.spec.ts
+++ b/springwolf-ui/src/app/components/mock-components.spec.ts
@@ -1,5 +1,5 @@
 /* SPDX-License-Identifier: Apache-2.0 */
-import { Component, input } from "@angular/core";
+import { Component, input, model } from "@angular/core";
 import { Schema } from "../models/schema.model";
 import { Operation } from "../models/operation.model";
 
@@ -36,8 +36,11 @@ export class MockChannelOperationComponent {
 
 @Component({ selector: "app-prism-editor", template: "" })
 export class MockPrismEditorComponent {
-  code = input<string>("");
+  code = model<string>("");
   language = input<string>("");
+  readonly = input<boolean, string>(false, {
+    transform: (value: string) => value == "true",
+  });
 }
 
 @Component({ selector: "app-schema-new", template: "" })
diff --git a/springwolf-ui/src/app/components/new/channels/channels.component.spec.ts b/springwolf-ui/src/app/components/new/channels/channels.component.spec.ts
index 8b1150fb8..3f49afefd 100644
--- a/springwolf-ui/src/app/components/new/channels/channels.component.spec.ts
+++ b/springwolf-ui/src/app/components/new/channels/channels.component.spec.ts
@@ -7,7 +7,10 @@ import {
   mockedExampleSchemaMapped,
 } from "../../../service/mock/mock-asyncapi.service";
 import { MaterialModule } from "../../../material.module";
-import { MockChannelOperationComponent } from "../../mock-components.spec";
+import {
+  MockChannelOperationComponent,
+  MockPrismEditorComponent,
+} from "../../mock-components.spec";
 
 describe("ChannelsNewComponent", () => {
   beforeEach(async () => {
@@ -15,7 +18,7 @@ describe("ChannelsNewComponent", () => {
 
     await render(ChannelsNewComponent, {
       imports: [MaterialModule],
-      declarations: [MockChannelOperationComponent],
+      declarations: [MockChannelOperationComponent, MockPrismEditorComponent],
       providers: [
         { provide: AsyncApiService, useValue: mockedAsyncApiService },
       ],