real-time list counts
This commit is contained in:
@@ -20,12 +20,25 @@ test("a list updates live for another user via websocket", async ({ page, browse
|
||||
// Give the websocket connections a moment to establish.
|
||||
await page.waitForTimeout(500);
|
||||
|
||||
// Both start with an empty list.
|
||||
await expect(pageB.locator("#list-meta")).toHaveText("0 items left out of 0");
|
||||
|
||||
// User A adds an item.
|
||||
await addItem(page, "Apple", "2");
|
||||
|
||||
// It should appear on User B's page without any reload.
|
||||
await expect(pageB.locator(".item-row").filter({ hasText: "Apple" })).toBeVisible();
|
||||
await expect(pageB.locator(".item-row").filter({ hasText: "Apple" }).locator(".item-qty")).toHaveText("(2)");
|
||||
// The left/total count should also update live for User B.
|
||||
await expect(pageB.locator("#list-meta")).toHaveText("1 items left out of 1");
|
||||
|
||||
// User A removes the item.
|
||||
await page.locator(".item-actions-button").first().click();
|
||||
await page.locator("[id^='item-edit-delete']").click();
|
||||
|
||||
// The item and the count should update live on User B's page.
|
||||
await expect(pageB.locator(".item-row").filter({ hasText: "Apple" })).toHaveCount(0);
|
||||
await expect(pageB.locator("#list-meta")).toHaveText("0 items left out of 0");
|
||||
|
||||
await contextB.close();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user