Merge pull request #1140 from ember-learn/link-teams

add the ability to link to a team on teams page

Author: mansona

app/components/teams/team.hbs

@@ -1,6 +1,7 @@
 <h2
   class="text-center"
   data-test-field="Team Name"
+  id={{dasherize @name}}
 >
   {{@name}}
 </h2>

app/helpers/dasherize.js

@@ -0,0 +1,6 @@
+import { helper } from '@ember/component/helper';
+import { dasherize as dasherizeString } from '@ember/string';
+
+export default helper(function dasherize(positional /*, named*/) {
+  return dasherizeString(positional[0]);
+});

package.json

@@ -28,6 +28,7 @@
   },
   "devDependencies": {
     "@ember/optional-features": "^2.0.0",
+    "@ember/string": "^4.0.1",
     "@ember/test-helpers": "^2.6.0",
     "@glimmer/component": "^1.0.4",
     "@glimmer/tracking": "^1.0.4",

pnpm-lock.yaml

@@ -0,0 +1,21 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Helper | dasherize', function (hooks) {
+  setupRenderingTest(hooks);
+
+  /**
+   * This doesn't need comprehensive tests for the output of the dasherzie function
+   * since it's just using @ember/string under the hood. This is just a smoke test
+   * to make sure it's hooked up correctly
+   */
+  test('it renders', async function (assert) {
+    this.set('inputValue', 'Something Awesome');
+
+    await render(hbs`{{dasherize this.inputValue}}`);
+
+    assert.dom(this.element).hasText('something-awesome');
+  });
+});