fix(aria/grid): unit tests and small fixes for grid directives (#32841)

Author: ok7sai

goldens/aria/private/index.api.md

@@ -421,6 +421,7 @@ export class GridPattern {
     readonly inputs: GridInputs;
     readonly isFocused: WritableSignalLike<boolean>;
     readonly keydown: SignalLike<KeyboardEventManager<KeyboardEvent>>;
+    readonly multiSelectable: SignalLike<boolean | undefined>;
     readonly nextColKey: SignalLike<"ArrowRight" | "ArrowLeft">;
     onFocusIn(event: FocusEvent): void;
     onFocusOut(event: FocusEvent): void;

src/aria/grid/BUILD.bazel

@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "extract_api_to_json", "ng_project")
+load("//tools:defaults.bzl", "extract_api_to_json", "ng_project", "ng_web_test_suite")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -16,6 +16,27 @@ ng_project(
     ],
 )
 
+ng_project(
+    name = "unit_test_sources",
+    testonly = True,
+    srcs = glob(
+        ["**/*.spec.ts"],
+        exclude = ["**/*.e2e.spec.ts"],
+    ),
+    deps = [
+        ":grid",
+        "//:node_modules/@angular/core",
+        "//:node_modules/@angular/platform-browser",
+        "//:node_modules/axe-core",
+        "//src/cdk/testing/private",
+    ],
+)
+
+ng_web_test_suite(
+    name = "unit_tests",
+    deps = [":unit_test_sources"],
+)
+
 filegroup(
     name = "source-files",
     srcs = glob(

src/aria/grid/grid-cell-widget.ts

@@ -46,6 +46,7 @@ import {GRID_CELL} from './grid-tokens';
     '[attr.data-active]': 'active()',
     '[attr.data-active-control]': 'isActivated() ? "widget" : "cell"',
     '[tabindex]': '_tabIndex()',
+    '[attr.id]': 'id()',
   },
 })
 export class GridCellWidget {

src/aria/grid/grid-cell.ts

@@ -135,7 +135,7 @@ export class GridCell {
         toggle('role', this.role());
         toggle('id', pattern.id());
         toggle('rowspan', rowSpan);
-        toggle('colspan', rowSpan);
+        toggle('colspan', colSpan);
         toggle('aria-rowspan', rowSpan);
         toggle('aria-colspan', colSpan);
         toggle('data-active', this.active());