added some missing tests for the title

Author: zamoore

packages/components/src/components/hds/code-editor/index.ts

@@ -10,7 +10,6 @@ import { modifier } from 'ember-modifier';
 
 import type { ComponentLike } from '@glint/template';
 import type { HdsCodeEditorSignature as HdsCodeEditorModifierSignature } from 'src/modifiers/hds-code-editor';
-import type { HdsButtonSignature } from 'src/components/hds/button';
 import type { HdsCodeEditorDescriptionSignature } from './description';
 import type { HdsCodeEditorTitleSignature } from './title';
 import type { HdsCodeEditorGenericSignature } from './generic';
@@ -35,7 +34,6 @@ export interface HdsCodeEditorSignature {
         Title?: ComponentLike<HdsCodeEditorTitleSignature>;
         Description?: ComponentLike<HdsCodeEditorDescriptionSignature>;
         Generic?: ComponentLike<HdsCodeEditorGenericSignature>;
-        Button?: ComponentLike<HdsButtonSignature>;
       },
     ];
   };

showcase/tests/integration/components/hds/code-editor/full-screen-button-test.js

@@ -65,10 +65,10 @@ module(
       this.set('onToggleFullScreen', onToggleFullScreen);
 
       await render(
-        hbs`<Hds::CodeEditor::FullScreenButton @isFullScreen={{false}} @onToggleFullScreen={{this.onToggleFullScreen}} />`
+        hbs`<Hds::CodeEditor::FullScreenButton id="test-button" @isFullScreen={{false}} @onToggleFullScreen={{this.onToggleFullScreen}} />`
       );
 
-      await click('.hds-code-editor__full-screen-button');
+      await click('#test-button');
 
       assert.ok(onToggleFullScreen.calledOnce);
     });

showcase/tests/integration/components/hds/code-editor/title-test.js

@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+import sinon from 'sinon';
+
+module('Integration | Component | hds/code-editor/title', function (hooks) {
+  setupRenderingTest(hooks);
+
+  test('it should render the component with a CSS class that matches the component name', async function (assert) {
+    this.set('noop', () => {});
+
+    await render(
+      hbs`<Hds::CodeEditor::Title @editorId="test" @onInsert={{this.noop}} />`
+    );
+
+    assert.dom('.hds-code-editor__title').exists();
+  });
+
+  test('it should render the component with a title using the default tag', async function (assert) {
+    this.set('noop', () => {});
+
+    await render(
+      hbs`<Hds::CodeEditor::Title @editorId="test" @onInsert={{this.noop}}>Test Title</Hds::CodeEditor::Title>`
+    );
+
+    assert
+      .dom('.hds-code-editor__title')
+      .hasTagName('h2')
+      .hasText('Test Title');
+  });
+
+  // @tag
+  test('it shoud render the component title with a custom tag when provided', async function (assert) {
+    this.set('noop', () => {});
+
+    await render(
+      hbs`<Hds::CodeEditor::Title @editorId="test" @tag="h1" @onInsert={{this.noop}}>Test Title</Hds::CodeEditor::Title>`
+    );
+
+    assert.dom('.hds-code-editor__title').hasTagName('h1');
+  });
+
+  // @onInsert
+  test('it should call the `@onInsert` action when the title is inserted', async function (assert) {
+    const onInsert = sinon.spy();
+    this.set('onInsert', onInsert);
+
+    await render(
+      hbs`<Hds::CodeEditor::Title @editorId="test" @onInsert={{this.onInsert}}>Test Title</Hds::CodeEditor::Title>`
+    );
+
+    assert.true(onInsert.calledOnce);
+  });
+});