Include playwright test for changing guest name

tests/guests.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect, Page } from '@playwright/test'
 
-const mockGuestsAPI = ({ page }: { page: Page }) => {
+const mockGuestsAPI = ({page}:{page: Page}) => {
   page.route('*/**/api/guests.json', async route => {
     const json = {
       data: [
@@ -29,12 +29,12 @@ const mockGuestsAPI = ({ page }: { page: Page }) => {
       ]
     };
 
-    await route.fulfill({ json })
+    await route.fulfill({json})
   })
 }
 
 test('should display the list of guests', async ({ page }) => {
-  await mockGuestsAPI({ page });
+  await mockGuestsAPI({page});
 
   await page.goto('/dashboard/guests');
 
@@ -46,29 +46,29 @@ test('should display the list of guests', async ({ page }) => {
   await expect(page.getByRole('row').nth(1).getByRole('cell', { name: 'Kristofer Rohan DVM' })).toBeVisible();
   await expect(page.getByRole('row').nth(1).getByRole('cell', { name: 'Childhood friends' })).toBeVisible();
   await expect(page.getByRole('row').nth(1).getByRole('cell', { name: 'Tentative' })).toBeVisible();
-  await expect(page.getByRole('row').nth(1).getByRole('button', { name: 'Confirm' })).toBeVisible();
-  await expect(page.getByRole('row').nth(1).getByRole('button', { name: 'Decline' })).toBeVisible();
+  await expect(page.getByRole('row').nth(1).getByRole('button', {name: 'Confirm'})).toBeVisible();
+  await expect(page.getByRole('row').nth(1).getByRole('button', {name: 'Decline'})).toBeVisible();
 
 
   await expect(page.getByRole('row').nth(2).getByRole('cell', { name: 'Olevia Quigley Jr.' })).toBeVisible();
   await expect(page.getByRole('row').nth(2).getByRole('cell', { name: 'Work' })).toBeVisible();
   await expect(page.getByRole('row').nth(2).getByRole('cell', { name: 'Invited' })).toBeVisible();
-  await expect(page.getByRole('row').nth(2).getByRole('button', { name: 'Confirm' })).toBeVisible();
-  await expect(page.getByRole('row').nth(2).getByRole('button', { name: 'Tentative' })).toBeVisible();
-  await expect(page.getByRole('row').nth(2).getByRole('button', { name: 'Decline' })).toBeVisible();
+  await expect(page.getByRole('row').nth(2).getByRole('button', {name: 'Confirm'})).toBeVisible();
+  await expect(page.getByRole('row').nth(2).getByRole('button', {name: 'Tentative'})).toBeVisible();
+  await expect(page.getByRole('row').nth(2).getByRole('button', {name: 'Decline'})).toBeVisible();
 });
 
-test('should allow changing the name of a guest', async ({ page }) => {
-  await mockGuestsAPI({ page });
+test('should allow changing the name of a guest', async ({page}) => {
+  await mockGuestsAPI({page});
 
   await page.goto('/dashboard/guests');
 
-  await expect(page.getByRole('row').nth(1).getByRole('cell', { name: 'Kristofer Rohan DVM' })).toBeVisible();
+  await expect(page.getByRole('row').nth(1).getByRole('cell', {name: 'Kristofer Rohan DVM'})).toBeVisible();
 
-  await page.getByRole('row').nth(1).getByRole('cell', { name: 'Kristofer Rohan DVM' }).click();
+  await page.getByRole('row').nth(1).getByRole('cell', {name: 'Kristofer Rohan DVM'}).click();
   await page.getByRole('textbox').clear();
   await page.getByRole('textbox').pressSequentially('John Snow');
   await page.getByRole('textbox').evaluate(e => e.blur());
 
-  await expect(page.getByRole('row').nth(1).getByRole('cell', { name: 'John Snow' })).toBeVisible();
+  await expect(page.getByRole('row').nth(1).getByRole('cell', {name: 'John Snow'})).toBeVisible();
 });