Pass userId in from URL

Author: lukemorton

lib/app.ts

@@ -2,7 +2,7 @@ import Republic, { route } from 'republic/next'
 import { LoadUserProfile } from './user/'
 
 export default new Republic(
-  route.page('/', 'users#profile', async () => {
-    return await LoadUserProfile({ id: 'guid' })
+  route.page('/:userId', 'users#profile', async ({ params }) => {
+    return await LoadUserProfile({ userId: params.userId })
   })
 )

lib/user/LoadUserProfile.test.ts

@@ -4,7 +4,7 @@ import * as FakeUserGateway from './FakeUserGateway'
 describe('LoadUserProfile', () => {
   describe('when loading profile by id', () => {
     test('user has name', async () => {
-      const { user } = await LoadUserProfile(FakeUserGateway, { id: 'guid' })
+      const { user } = await LoadUserProfile(FakeUserGateway, { userId: 'guid' })
       expect(user.name).toBe('Mr Luke Fake')
     })
   })

lib/user/LoadUserProfile.ts

@@ -1,7 +1,7 @@
 import UserGateway from './UserGateway'
 
 type Request = {
-  id: string
+  userId: string
 }
 
 type Response = {
@@ -11,6 +11,6 @@ type Response = {
 }
 
 export default async function LoadUserProfile (gateway: UserGateway, req: Request) : Promise<Response> {
-  const user = await gateway.findById(req.id)
+  const user = await gateway.findById(req.userId)
   return { user }
 }

pages/users/profile.test.tsx

@@ -4,13 +4,14 @@ import mockExecute from '../../test/support/mockExecute'
 import UserProfile from './profile'
 
 describe('UserProfile', () => {
+  const userId = 'uniq-guid'
   const fakeUser = { basicInfo: { name: 'Luke', email: '[email protected]' } }
 
   describe('when user views the page', () => {
     test('user can see user name', async () => {
-      mockExecute('findUserById', { userId: 'guid' }).reply(200, fakeUser)
-      const page = await mountPage(UserProfile, 'users#profile')
-      expect(page).toIncludeText('Luke')
+      mockExecute('findUserById', { userId }).reply(200, fakeUser)
+      const page = await mountPage(UserProfile, 'users#profile', { userId })
+      expect(page).toIncludeText(fakeUser.basicInfo.name)
     })
   })
 })