Write tests that catch the order and invoice bugs

The Acme order details page shows the lines of order 2041, a total, and a View invoice link that opens the invoice in a new tab. Its only test checks that the page renders. Four versions have bugs planted in them. Write tests that catch every one, while still passing on the working app.

How the page should behave

Order 2041 contains:

• Each line is a row with data-testid="order-item", and its Line total cell (data-testid="line-total") is quantity × price.
• The order total (data-testid="order-total") is the sum of the line totals.
• View invoice opens /invoices/INV-2041 in a new tab, with the heading “Invoice INV-2041” and a total (data-testid="invoice-total") equal to the order total.

Requirements

• All your tests pass on the working app.
• Each buggy version makes at least one of your tests fail.
• Work out the expected totals from the table above, not from the page.