+
+
+ <:body as |B|>
+
+ {{! @glint-expect-error }}
+ {{get B.data "name"}}
+ {{! @glint-expect-error }}
+ {{get B.data "biography"}}
+ {{! @glint-expect-error }}
+ {{get B.data "occupation"}}
+ {{! @glint-expect-error }}
+ {{get B.data "age"}}
+ {{! @glint-expect-error }}
+ {{get B.data "hair"}}
+ {{! @glint-expect-error }}
+ {{get B.data "eyes"}}
+ {{! @glint-expect-error }}
+ {{get B.data "salary"}}
+
+
+
+
+ ,
+ );
+
+ const table = find('#data-test-advanced-table');
+ const container = find('#resize-test-container');
+
+ if (table && container) {
+ const tableAsHTMLElement = table as HTMLElement;
+ const containerAsHTMLElement = container as HTMLElement;
+
+ assert.ok(
+ tableAsHTMLElement.offsetWidth >= containerAsHTMLElement.offsetWidth,
+ 'Table width is greater than the container width',
+ );
+
+ context.width = '100%';
+ await settled();
+
+ assert.ok(
+ tableAsHTMLElement.offsetWidth === containerAsHTMLElement.offsetWidth,
+ 'Table width grows to fit container width',
+ );
+ }
+ });
+ });
+});
diff --git a/showcase/tests/integration/components/hds/advanced-table/features/multi-selection-test.gts b/showcase/tests/integration/components/hds/advanced-table/features/multi-selection-test.gts
new file mode 100644
index 00000000000..f67af26b7a1
--- /dev/null
+++ b/showcase/tests/integration/components/hds/advanced-table/features/multi-selection-test.gts
@@ -0,0 +1,196 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+import { module, test } from 'qunit';
+import { click, findAll, render } from '@ember/test-helpers';
+import { get } from '@ember/helper';
+import { TrackedObject } from 'tracked-built-ins';
+
+import { HdsAdvancedTable } from '@hashicorp/design-system-components/components';
+import type { HdsAdvancedTableOnSelectionChangeSignature } from '@hashicorp/design-system-components/components/hds/advanced-table/types';
+
+import { setupRenderingTest } from 'showcase/tests/helpers';
+
+const DEFAULT_SELECTABLE_MODEL = [
+ {
+ id: '1',
+ type: 'folk',
+ artist: 'Nick Drake',
+ album: 'Pink Moon',
+ year: '1972',
+ },
+ {
+ id: '2',
+ type: 'folk',
+ artist: 'The Beatles',
+ album: 'Abbey Road',
+ year: '1969',
+ },
+ {
+ id: '3',
+ type: 'folk',
+ artist: 'Melanie',
+ album: 'Candles in the Rain',
+ year: '1971',
+ },
+];
+
+const DEFAULT_SELECTABLE_COLUMNS = [
+ { key: 'artist', label: 'Artist' },
+ { key: 'album', label: 'Album' },
+ { key: 'year', label: 'Year' },
+];
+
+const createSelectableTable = async (options: {
+ selectionAriaLabelSuffix?: string;
+ hasStickyFirstColumn?: boolean;
+ onSelectionChange?: (
+ args: HdsAdvancedTableOnSelectionChangeSignature,
+ ) => void;
+}) => {
+ return await render(
+