Function fixture

tests/table.test.js:39–81

()

}

function fixture() {
  return `
    <ot-table empty-text="Nothing here">
      <form data-table-toolbar role="search">
        <input type="search" data-table-filter>
        <output data-table-selected></output>
        <output data-table-status></output>
      </form>
      <div class="table">
        <table>
          <thead>
            <tr>
              <th><input type="checkbox" data-table-select-all></th>
              <th data-sort>Name</th>
              <th data-sort="number">Tickets</th>
              <th data-sort="date">Last seen</th>
            </tr>
          </thead>
          <tbody>
            <tr data-filter-text="charlie admin active">
              <td><input type="checkbox" data-table-select-row value="charlie"></td>
              <td>Charlie</td>
              <td data-sort-value="14">14 tickets</td>
              <td><time datetime="2026-05-11">May 11</time></td>
            </tr>
            <tr data-filter-text="ada editor active">
              <td><input type="checkbox" data-table-select-row value="ada"></td>
              <td>Ada</td>
              <td data-sort-value="2">2 tickets</td>
              <td><time datetime="2026-05-16">May 16</time></td>
            </tr>
            <tr data-filter-text="bravo viewer pending">
              <td><input type="checkbox" data-table-select-row value="bravo"></td>
              <td>Bravo</td>
              <td data-sort-value="8">8 tickets</td>
              <td><time datetime="2026-04-02">Apr 2</time></td>
            </tr>
          </tbody>
        </table>
      </div>
    </ot-table>
  `;
}

test('enhances sortable headers with buttons and aria-sort', () => {
  const dom = setup(fixture());