commit

packages/reference-app/resources/remix_app/routes/login.tsx

@@ -4,6 +4,14 @@ import { Form } from '@remix-run/react'
 export const action = async ({ context }: ActionFunctionArgs) => {
   const { http } = context
 
+  const { password } = http.request.only(['password'])
+  if (password !== '123') {
+    http.session.flash('message', 'Wrong password')
+    return new Response(null, {
+      status: 401,
+    })
+  }
+
   http.session.put('login', 'true')
   http.session.flash('status', 'success')
 

packages/reference-app/tests/browser/session_handling.spec.ts

@@ -12,11 +12,21 @@ test.group('Session handling', () => {
     await page.waitForURL('/dashboard')
 
     const session = await browserContext.getSession()
-    // const flash = await browserContext.getFlashMessages()
 
     assert.equal(session['login'], 'true')
-    // assert.equal(flash['status'], 'success')
 
     await page.screenshot({ path: 'tests/screenshots/dashboard.png' })
   })
+  test('Read flash message', async ({ visit, browserContext, assert }) => {
+    const page = await visit('/login')
+
+    await page.fill('input[name="email"]', '[email protected]')
+    await page.fill('input[name="password"]', '4444')
+
+    await page.getByRole('button', { name: 'Login' }).click()
+
+    const flash = await browserContext.getFlashMessages()
+
+    assert.equal(flash['message'], 'Wrong password')
+  })
 })