| 217 | let snapIndex = 0 |
| 218 | |
| 219 | const snap = (name: string) => { |
| 220 | expect({ |
| 221 | headers: Array.from( |
| 222 | rendered.container.querySelectorAll('thead > tr'), |
| 223 | ).map((d) => |
| 224 | Array.from(d.querySelectorAll('th')).map((d) => [ |
| 225 | d.innerHTML, |
| 226 | d.getAttribute('colspan'), |
| 227 | ]), |
| 228 | ), |
| 229 | rows: Array.from(rendered.container.querySelectorAll('tbody > tr')).map( |
| 230 | (d) => Array.from(d.querySelectorAll('td')).map((d) => d.innerHTML), |
| 231 | ), |
| 232 | footers: Array.from( |
| 233 | rendered.container.querySelectorAll('tfoot > tr'), |
| 234 | ).map((d) => |
| 235 | Array.from(d.querySelectorAll('th')).map((d) => [ |
| 236 | d.innerHTML, |
| 237 | d.getAttribute('colspan'), |
| 238 | ]), |
| 239 | ), |
| 240 | }).toMatchSnapshot(`${snapIndex++} - ${name}`) |
| 241 | } |
| 242 | |
| 243 | RTL.fireEvent.click(rendered.getByLabelText('Toggle All')) |
| 244 | |