diff --git a/tests/cases/gjs/component-class-with-required-semi-before-template.gjs b/tests/cases/gjs/component-class-with-required-semi-before-template.gjs
new file mode 100644
index 00000000..f04a4eec
--- /dev/null
+++ b/tests/cases/gjs/component-class-with-required-semi-before-template.gjs
@@ -0,0 +1,14 @@
+import Component from '@glimmer/component';
+
+/** It's a component */
+class MyComponent extends Component {
+  get rows() {
+    return 5;
+  }
+
+  historyBack = () => history.back();
+
+  <template>
+    <h1>Class top level template.</h1>
+  </template>
+}
\ No newline at end of file
diff --git a/tests/unit-tests/__snapshots__/format.test.ts.snap b/tests/unit-tests/__snapshots__/format.test.ts.snap
index 6e57f9c6..95d33c81 100644
--- a/tests/unit-tests/__snapshots__/format.test.ts.snap
+++ b/tests/unit-tests/__snapshots__/format.test.ts.snap
@@ -81,6 +81,24 @@ class MyComponent extends Component {
 "
 `;
 
+exports[`format > config > default > it formats ../cases/gjs/component-class-with-required-semi-before-template.gjs 1`] = `
+"import Component from "@glimmer/component";
+
+/** It's a component */
+class MyComponent extends Component {
+  get rows() {
+    return 5;
+  }
+
+  historyBack = () => history.back();
+
+  <template>
+    <h1>Class top level template.</h1>
+  </template>
+}
+"
+`;
+
 exports[`format > config > default > it formats ../cases/gjs/component-class-with-template-literal.gjs 1`] = `
 "import Component from "@glimmer/component";
 
diff --git a/tests/unit-tests/config/__snapshots__/semi-false.test.ts.snap b/tests/unit-tests/config/__snapshots__/semi-false.test.ts.snap
index 810a38b4..44fb835f 100644
--- a/tests/unit-tests/config/__snapshots__/semi-false.test.ts.snap
+++ b/tests/unit-tests/config/__snapshots__/semi-false.test.ts.snap
@@ -81,6 +81,24 @@ class MyComponent extends Component {
 "
 `;
 
+exports[`config > semi: false > it formats ../cases/gjs/component-class-with-required-semi-before-template.gjs 1`] = `
+"import Component from "@glimmer/component"
+
+/** It's a component */
+class MyComponent extends Component {
+  get rows() {
+    return 5
+  }
+
+  historyBack = () => history.back();
+
+  <template>
+    <h1>Class top level template.</h1>
+  </template>
+}
+"
+`;
+
 exports[`config > semi: false > it formats ../cases/gjs/component-class-with-template-literal.gjs 1`] = `
 "import Component from "@glimmer/component"
 
diff --git a/tests/unit-tests/config/__snapshots__/template-export-default.test.ts.snap b/tests/unit-tests/config/__snapshots__/template-export-default.test.ts.snap
index 9fda1d82..d1c61e66 100644
--- a/tests/unit-tests/config/__snapshots__/template-export-default.test.ts.snap
+++ b/tests/unit-tests/config/__snapshots__/template-export-default.test.ts.snap
@@ -81,6 +81,24 @@ class MyComponent extends Component {
 "
 `;
 
+exports[`config > templateExportDefault: true > it formats ../cases/gjs/component-class-with-required-semi-before-template.gjs 1`] = `
+"import Component from "@glimmer/component";
+
+/** It's a component */
+class MyComponent extends Component {
+  get rows() {
+    return 5;
+  }
+
+  historyBack = () => history.back();
+
+  <template>
+    <h1>Class top level template.</h1>
+  </template>
+}
+"
+`;
+
 exports[`config > templateExportDefault: true > it formats ../cases/gjs/component-class-with-template-literal.gjs 1`] = `
 "import Component from "@glimmer/component";