Pass twitter handle through to profile

Author: lukemorton

components/User/components/Profile.test.tsx

@@ -6,7 +6,7 @@ describe('<Profile />', () => {
   let profile
 
   beforeEach(() => {
-    profile = shallow(<Profile name='Luke' biography='My bio' />)
+    profile = shallow(<Profile name='Luke' biography='My bio' twitter='@Cool' />)
   })
 
   it('should display name', () => {
@@ -16,4 +16,8 @@ describe('<Profile />', () => {
   it('should display biography', () => {
     expect(profile).toIncludeText('My bio')
   })
+
+  it('should display twitter', () => {
+    expect(profile).toIncludeText('@Cool')
+  })
 })

components/User/components/Profile.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react'
 
-export default ({ name, biography }) =>
+export default ({ name, biography, twitter }) =>
   <div>
     <p>{name}</p>
     <p>{biography}</p>
+    <p>Follow on twitter: {twitter}</p>
   </div>

lib/user/FakeUserGateway.ts

@@ -4,6 +4,7 @@ export async function findById (id: string) : Promise<User> {
   return {
     name: 'Mr Luke Fake',
     email: '[email protected]',
-    biography: 'Coool'
+    biography: 'Coool',
+    twitter: '@Cool'
   }
 }

lib/user/LoadUserProfile.ts

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

lib/user/User.ts

@@ -2,4 +2,5 @@ export default interface User {
   name: string
   email: string
   biography: string
+  twitter: string
 }

pages/users/profile.tsx

@@ -4,7 +4,11 @@ import { Profile } from '../../components/User'
 
 export default app.page(class extends React.Component {
   props: {
-    user: { name: string, biography: string }
+    user: {
+      name: string,
+      biography: string,
+      twitter: string
+    }
   }
 
   render () {

pages/users/profile.test.tsx renamed to test/acceptance/users/viewingProfile.test.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react'
 import { mountPage } from 'republic/test-next'
-import mockExecute from '../../test/support/mockExecute'
-import UserProfile from './profile'
+import mockExecute from '../../support/mockExecute'
+import UserProfile from '../../../pages/users/profile'
 
-describe('UserProfile', () => {
+describe('Viewing profile', () => {
   const userId = 'uniq-guid'
   const fakeUser = { basicInfo: { name: 'Luke', email: '[email protected]' } }