Merge pull request #20909 from NullVoxPopuli/nvp/remove-microtask-in-runtime-compiler

Author: kategengler

packages/@ember/-internals/glimmer/tests/integration/components/runtime-template-compiler-implicit-test.ts

@@ -7,6 +7,29 @@ import { fn } from '@ember/helper';
 moduleFor(
   'Strict Mode - Runtime Template Compiler (implicit)',
   class extends RenderingTestCase {
+    async '@test can immediately render a runtime-compiled template'() {
+      class State {
+        get component() {
+          return template(`hello there`);
+        }
+      }
+
+      let state = new State();
+
+      hide(state);
+
+      await this.renderComponentModule(() => {
+        return template('<state.component />', {
+          eval() {
+            return eval(arguments[0]);
+          },
+        });
+      });
+
+      this.assertHTML('hello there');
+      this.assertStableRerender();
+    }
+
     async '@test Can use a component in scope'() {
       await this.renderComponentModule(() => {
         let Foo = template('Hello, world!', {

packages/@ember/template-compiler/lib/template.ts

@@ -242,12 +242,10 @@ export function template(
   const normalizedOptions = compileOptions(options);
   const component = normalizedOptions.component ?? templateOnly();
 
-  queueMicrotask(() => {
-    const source = glimmerPrecompile(templateString, normalizedOptions);
-    const template = templateFactory(evaluate(`(${source})`) as SerializedTemplateWithLazyBlock);
+  const source = glimmerPrecompile(templateString, normalizedOptions);
+  const template = templateFactory(evaluate(`(${source})`) as SerializedTemplateWithLazyBlock);
 
-    setComponentTemplate(template, component);
-  });
+  setComponentTemplate(template, component);
 
   return component;
 }