diff --git a/packages/webapp/src/routes/test/+page.svelte b/packages/webapp/src/routes/test/+page.svelte
index 528c24be4..e56869beb 100644
--- a/packages/webapp/src/routes/test/+page.svelte
+++ b/packages/webapp/src/routes/test/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts" generics="T">
 	import { ButtonLoading, IconError } from '@rainlanguage/ui-components';
+	import { RawRainlangExtension } from 'codemirror-rainlang';
 	import {
 		IconInfo,
 		IconLedger,
@@ -7,9 +8,17 @@
 		IconTelegram,
 		IconWalletConnect,
 		IconWarning,
-		IconExternalLink
+		IconExternalLink,
+		CodeMirrorDotrain,
+		darkCodeMirrorTheme
 	} from '@rainlanguage/ui-components';
 	let isLoading: boolean = true;
+	let rainlangText: string = 'Hello there';
+	const rainlangExtension = new RawRainlangExtension({
+		hover: async () => null,
+		completion: async () => null,
+		diagnostics: async () => []
+	});
 </script>
 
 <div>
@@ -24,4 +33,11 @@
 	<IconTelegram dark />
 	<IconWalletConnect />
 	<IconWarning />
+	<CodeMirrorDotrain
+		codeMirrorTheme={darkCodeMirrorTheme}
+		{rainlangText}
+		disabled={false}
+		styles={{ '&': { minHeight: '400px' } }}
+		{rainlangExtension}
+	/>
 </div>