Class TestComponent

packages/angular-table/tests/flex-render-table.test.ts:277–322

    }

    @Component({
      template: `
        <table>
          <tbody>
            @for (row of table.getRowModel().rows; track row.id) {
              <tr>
                @for (cell of row.getVisibleCells(); track cell.id) {
                  <td>
                    <ng-container
                      *flexRender="
                        cell.column.columnDef.cell;
                        props: cell.getContext();
                        let cell
                      "
                    >
                      <span [innerHTML]="cell"></span>
                    </ng-container>
                  </td>
                }
              </tr>
            }
          </tbody>
        </table>
      `,
      changeDetection: ChangeDetectionStrategy.OnPush,
      standalone: true,
      selector: 'app-table-test',
      imports: [FlexRender],
    })
    class TestComponent {
      readonly expandState = signal<ExpandedState>({})

      readonly table = createAngularTable(() => {
        return {
          columns: columns,
          data: defaultData,
          getCoreRowModel: getCoreRowModel(),
          state: { expanded: this.expandState() },
          onExpandedChange: (updaterOrValue) => {
            typeof updaterOrValue === 'function'
              ? this.expandState.update(updaterOrValue)
              : this.expandState.set(updaterOrValue)
          },
        }
      })
    }
    const fixture = TestBed.createComponent(TestComponent)
    fixture.detectChanges()