use custom <Link> component for ember tests for consistency

We use this custom component instead of the built-in `<LinkTo>`, as that is an ember component in older versions, and a glimmer component in newer versions.

Since glimmer components are, as of now, not instrumented, this leads to different test results.

Author: mydea

packages/ember/tests/dummy/app/components/link.hbs

@@ -0,0 +1,3 @@
+<a href={{this.href}} class={{if this.isActive 'active'}} {{on 'click' this.onClick}}>
+  {{yield}}
+</a>

packages/ember/tests/dummy/app/components/link.ts

@@ -0,0 +1,33 @@
+import Component from '@glimmer/component';
+import RouterService from '@ember/routing/router-service';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+
+interface Args {
+  route: string;
+}
+
+/*
+ Note: We use this custom component instead of the built-in `<LinkTo>`,
+ as that is an ember component in older versions, and a glimmer component in newer versions.
+
+ Since glimmer components are, as of now, not instrumented, this leads to different test results.
+*/
+export default class LinkComponent extends Component<Args> {
+  @service router: RouterService;
+
+  get href() {
+    return this.router.urlFor(this.args.route);
+  }
+
+  get isActive() {
+    return this.router.currentRouteName === this.args.route;
+  }
+
+  @action
+  onClick(event: MouseEvent) {
+    event.preventDefault();
+
+    this.router.transitionTo(this.args.route);
+  }
+}

packages/ember/tests/dummy/app/templates/application.hbs

@@ -9,8 +9,8 @@
           <h3>Sentry Instrumented Ember Application</h3>
         </div>
         <div class="nav">
-          <LinkTo @route='index'>Errors</LinkTo>
-          <LinkTo @route='tracing'>Tracing</LinkTo>
+          <Link @route='index'>Errors</Link>
+          <Link @route='tracing'>Tracing</Link>
         </div>
         <div class="content-container">
           {{outlet}}