Sortable Tables

Sort and verify table data

What you will learn

Read tabular data with getByRole('cell') / row() semantic locators instead of nth-child
Assert sort order by comparing extracted arrays rather than reading individual cells
Handle multi-column sorting without coupling tests to a specific column order

Employee Table

Click column headers to sort

id↑	name↕	age↕	email↕	salary↕	department↕
1	John Smith	28	john@example.com	$50,000	Engineering
2	Alice Brown	34	alice@example.com	$65,000	Marketing
3	Bob Johnson	45	bob@example.com	$75,000	Sales
4	Carol Davis	29	carol@example.com	$55,000	Engineering
5	David Wilson	38	david@example.com	$80,000	Management
6	Emma Garcia	31	emma@example.com	$60,000	Marketing

Sorted by: id (ascending)

Static Table (No Sorting)

A simple static table for reference

Product	Price	Stock
Laptop	$999	15
Mouse	$29	150
Keyboard	$79	80

Automation Tips

How to verify table sorting

• Click column headers to sort
• Verify data order after sorting
• Test both ascending and descending
• Check numeric vs string sorting

Related Challenges

Sortable Tables

Sort and verify table data

What you will learn

Read tabular data with getByRole('cell') / row() semantic locators instead of nth-child
Assert sort order by comparing extracted arrays rather than reading individual cells
Handle multi-column sorting without coupling tests to a specific column order

Employee Table

Click column headers to sort

id↑	name↕	age↕	email↕	salary↕	department↕
1	John Smith	28	john@example.com	$50,000	Engineering
2	Alice Brown	34	alice@example.com	$65,000	Marketing
3	Bob Johnson	45	bob@example.com	$75,000	Sales
4	Carol Davis	29	carol@example.com	$55,000	Engineering
5	David Wilson	38	david@example.com	$80,000	Management
6	Emma Garcia	31	emma@example.com	$60,000	Marketing

Sorted by: id (ascending)

Static Table (No Sorting)

A simple static table for reference

Product	Price	Stock
Laptop	$999	15
Mouse	$29	150
Keyboard	$79	80

Automation Tips

How to verify table sorting

• Click column headers to sort
• Verify data order after sorting
• Test both ascending and descending
• Check numeric vs string sorting

Related Challenges

Hovers

Medium

Tabs

Medium

Accordion

Medium

Sortable Tables

What you will learn

Employee Table

Static Table (No Sorting)

Automation Tips

Timer

Need Help?

Related Challenges

Hovers

Tabs

Accordion

Sortable Tables

What you will learn

Employee Table

Static Table (No Sorting)

Automation Tips

Timer

Need Help?

Related Challenges

Hovers

Tabs

Accordion