[BUGFIX] Include named argument hint in debugger message for class-backed components

Author: olenderhub

packages/@glimmer-workspace/integration-tests/lib/suites/debugger.ts

@@ -112,6 +112,36 @@ export class DebuggerSuite extends RenderTest {
     }
   }
 
+  @test
+  'debugger in class-backed component logs context message with named argument hint'() {
+    let originalInfo = console.info;
+    let messages: string[] = [];
+
+    console.info = (...args: unknown[]) => {
+      messages.push(args.join(' '));
+    };
+
+    try {
+      resetDebuggerCallback();
+
+      this.registerComponent(
+        'Glimmer',
+        'DebugTest',
+        '{{debugger}}',
+        class extends GlimmerishComponent {}
+      );
+
+      this.render('<DebugTest @foo="bar" />', {});
+
+      this.assert.deepEqual(messages, [
+        "Use `context`, and `get(<path>)` to debug this template. For named arguments, use `get('@argName')`.",
+      ]);
+    } finally {
+      console.info = originalInfo;
+      resetDebuggerCallback();
+    }
+  }
+
   @test
   'can get locals'() {
     let expectedContext = {

packages/@glimmer/runtime/lib/compiled/opcodes/debugger.ts

@@ -16,7 +16,9 @@ export type DebugCallback = (context: unknown, get: DebugGet) => void;
 function debugCallback(context: unknown, get: DebugGet): void {
   if (context !== null && context !== undefined) {
     // eslint-disable-next-line no-console
-    console.info('Use `context`, and `get(<path>)` to debug this template.');
+    console.info(
+      "Use `context`, and `get(<path>)` to debug this template. For named arguments, use `get('@argName')`."
+    );
 
     // for example...
     context === get('this');