fix: add test case for refresh

Author: makelicious

e2e/testcases/form-state/form-state.spec.ts

@@ -180,4 +180,40 @@ test.describe('Form state', () => {
       await expect(page.getByTestId('text__firstname')).not.toBeVisible()
     })
   })
+
+  test.describe
+    .serial('Declaration form is populated after refresh', async () => {
+    let page: Page
+
+    test.beforeAll(async ({ browser }) => {
+      page = await browser.newPage()
+    })
+
+    test.afterAll(async () => {
+      await page.close()
+    })
+
+    test('Login', async () => {
+      await login(page)
+    })
+    test('Move to birth form', async () => {
+      await page.click('#header-new-event')
+      await page.getByLabel('Birth').click()
+      await page.getByRole('button', { name: 'Continue' }).click()
+      await page.getByRole('button', { name: 'Continue' }).click()
+    })
+
+    test('Input child fields', async () => {
+      const firstname = 'foo'
+      const surname = 'bar'
+      await page.locator('#firstname').fill(firstname)
+      await page.locator('#surname').fill(surname)
+    })
+
+    test('refresh the page and verify fields are populated', async () => {
+      await page.reload()
+      await expect(page.locator('#firstname')).toHaveValue('foo')
+      await expect(page.locator('#surname')).toHaveValue('bar')
+    })
+  })
 })