chore: lint helper, modifier integration tests

Author: shleewhite

showcase/tests/integration/helpers/hds-t-test.gjs

@@ -6,7 +6,7 @@
 import { module, test } from 'qunit';
 import { setupRenderingTest } from 'showcase/tests/helpers';
 import { render, setupOnerror } from '@ember/test-helpers';
-import hdsT from "@hashicorp/design-system-components/helpers/hds-t";
+import hdsT from '@hashicorp/design-system-components/helpers/hds-t';
 
 const defaultString = 'Default text';
 
@@ -54,7 +54,9 @@ module('Integration | Helper | hds-t', function (hooks) {
         this.set('translationKey', value);
 
         await render(
-          <template>{{hdsT this.translationKey default=this.defaultString}}</template>,
+          <template>
+            {{hdsT this.translationKey default=this.defaultString}}
+          </template>,
         );
 
         assert.throws(function () {
@@ -76,7 +78,9 @@ module('Integration | Helper | hds-t', function (hooks) {
 
       this.set('key', 'greeting');
 
-      await render(<template>{{hdsT this.key default=this.defaultString}}</template>);
+      await render(
+        <template>{{hdsT this.key default=this.defaultString}}</template>,
+      );
 
       assert.dom().hasText('Hello from Real Intl!');
     });
@@ -93,7 +97,14 @@ module('Integration | Helper | hds-t', function (hooks) {
       });
 
       await render(
-        <template>{{hdsT this.key name=this.nameParam age=this.ageParam default=this.defaultString}}</template>,
+        <template>
+          {{hdsT
+            this.key
+            name=this.nameParam
+            age=this.ageParam
+            default=this.defaultString
+          }}
+        </template>,
       );
 
       assert.dom().hasText('Goodbye Tester, aged 30!');
@@ -109,7 +120,9 @@ module('Integration | Helper | hds-t', function (hooks) {
         `intl.exists('${testKey}') is false`,
       );
 
-      await render(<template>{{hdsT this.key default=this.defaultString}}</template>);
+      await render(
+        <template>{{hdsT this.key default=this.defaultString}}</template>,
+      );
 
       assert
         .dom()

showcase/tests/integration/modifiers/hds-anchored-position-test.gjs

@@ -7,7 +7,9 @@ import { module, test } from 'qunit';
 import { setupRenderingTest } from 'showcase/tests/helpers';
 import { render } from '@ember/test-helpers';
 import { wait } from 'showcase/tests/helpers';
-import hdsAnchoredPosition, { getFloatingUIOptions } from '@hashicorp/design-system-components/modifiers/hds-anchored-position';
+import hdsAnchoredPosition, {
+  getFloatingUIOptions,
+} from '@hashicorp/design-system-components/modifiers/hds-anchored-position';
 import anchoredElementModifier from '@hashicorp/design-system-components/modifiers/hds-anchored-position';
 
 //
@@ -213,12 +215,14 @@ module('Integration | Modifier | hds-anchored-position', function (hooks) {
   });
 
   test('render "anchor/floating/arrow" elements with default `options`', async function (assert) {
-    await render(<template>
-      <div id="wrapper">
-        <div id="anchor">anchor</div>
-        <div id="floating"><div id="arrow"></div>floating</div>
-      </div>
-    </template>);
+    await render(
+      <template>
+        <div id="wrapper">
+          <div id="anchor">anchor</div>
+          <div id="floating"><div id="arrow"></div>floating</div>
+        </div>
+      </template>,
+    );
     this.anchorElement = document.getElementById('anchor');
     this.floatingElement = document.getElementById('floating');
     this.arrowElement = document.getElementById('arrow');
@@ -245,12 +249,14 @@ module('Integration | Modifier | hds-anchored-position', function (hooks) {
   });
 
   test('render "anchor/floating/arrow" elements with custom options', async function (assert) {
-    await render(<template>
-      <div id="wrapper">
-        <div id="anchor">anchor</div>
-        <div id="floating"><div id="arrow"></div>floating</div>
-      </div>
-    </template>);
+    await render(
+      <template>
+        <div id="wrapper">
+          <div id="anchor">anchor</div>
+          <div id="floating"><div id="arrow"></div>floating</div>
+        </div>
+      </template>,
+    );
     this.anchorElement = document.getElementById('anchor');
     this.floatingElement = document.getElementById('floating');
     this.arrowElement = document.getElementById('arrow');
@@ -283,12 +289,23 @@ module('Integration | Modifier | hds-anchored-position', function (hooks) {
   });
 
   test('the modifier works also when applied directly in the template code', async function (assert) {
-    await render(<template>
-      <div id="wrapper">
-        <div id="anchor">anchor</div>
-        <div id="floating" {{hdsAnchoredPosition "#anchor" placement="bottom-start" strategy="fixed" offsetOptions=20 arrowSelector="#arrow"}}><div id="arrow"></div>floating</div>
-      </div>
-    </template>);
+    await render(
+      <template>
+        <div id="wrapper">
+          <div id="anchor">anchor</div>
+          <div
+            id="floating"
+            {{hdsAnchoredPosition
+              "#anchor"
+              placement="bottom-start"
+              strategy="fixed"
+              offsetOptions=20
+              arrowSelector="#arrow"
+            }}
+          ><div id="arrow"></div>floating</div>
+        </div>
+      </template>,
+    );
     this.anchorElement = document.getElementById('anchor');
     this.floatingElement = document.getElementById('floating');
     this.arrowElement = document.getElementById('arrow');