[Feature]: Make `toMatchAriaSnapshot` diffs show minimal/precise changes for partial matches

test('table matches aria snapshot', async ({ page }) => {
  // Set up a sample table with headers and data
  await page.setContent(`
    <table>
      <caption>Employee Directory</caption>
      <thead>
        <tr>
          <th>Name</th>
          <th>Role</th>
          <th>Department</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Alice Johnson</td>
          <td>Engineer</td>
          <td>Development</td>
        </tr>
        <tr>
          <td>Bob Smith</td>
          <td>Designer</td>
          <td>UI</td>
        </tr>
        <tr>
          <td>Carol White</td>
          <td>Manager</td>
          <td>Operations</td>
        </tr>
      </tbody>
    </table>
  `);

  // Verify the table structure using toMatchAriaSnapshot
  await expect(page.getByRole('table')).toMatchAriaSnapshot(`
    - table "Employee Directory":
      - rowgroup:
        - row "Name Role Department"
      - rowgroup:
        - /children: equal
        - row "Alice Johnson Engineer Development"
        - row "Bob Smith Designer UX"
        - row "Carol White Manager Operations"
  `);
});