feat: add SignUp Composition

src/main/factories/pages/signup/signup-factory.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+import { makeLocalSaveAccessToken } from '@/main/factories/usecases/save-access-token/local-save-access-token-factory'
+import { SignUp } from '@/presentation/pages'
+import { makeSignUpValidation } from './signup-validation-factory'
+import { makeRemoteAddAccount } from '../../usecases/add-account/remote-add-account-factory'
+
+export const makeSignUp: React.FC = () => {
+  return (
+    <SignUp
+      addAccount={makeRemoteAddAccount()}
+      validation={makeSignUpValidation()}
+      saveAccessToken={makeLocalSaveAccessToken()}
+    />
+  )
+}

src/main/factories/pages/signup/signup-validation-factory.spec.ts

@@ -9,7 +9,7 @@ describe('SignUpValidationFactory', () => {
       ...Builder.field('name').required().min(5).build(),
       ...Builder.field('email').required().email().build(),
       ...Builder.field('password').required().min(5).build(),
-      ...Builder.field('passwordConfirmation').required().min(5).build()
+      ...Builder.field('passwordConfirmation').required().sameAs('password').build()
     ]))
   })
 })

src/main/factories/pages/signup/signup-validation-factory.ts

@@ -6,6 +6,6 @@ export const makeSignUpValidation = (): ValidationComposite => {
     ...Builder.field('name').required().min(5).build(),
     ...Builder.field('email').required().email().build(),
     ...Builder.field('password').required().min(5).build(),
-    ...Builder.field('passwordConfirmation').required().min(5).build()
+    ...Builder.field('passwordConfirmation').required().sameAs('password').build()
   ])
 }

src/main/factories/usecases/add-account/remote-add-account-factory.ts

@@ -0,0 +1,8 @@
+import { makeApiUrl } from '@/main/factories/http/api-url-factory'
+import { makeAxiosHttpClient } from '@/main/factories/http/axios-http-client-factory'
+import { AddAccount } from '@/domain/usecases'
+import { RemoteAddAccount } from '@/data/usecases/add-account/remote-add-account'
+
+export const makeRemoteAddAccount = (): AddAccount => {
+  return new RemoteAddAccount(makeApiUrl('/signup'), makeAxiosHttpClient())
+}

src/main/index.tsx

@@ -3,10 +3,12 @@ import ReactDOM from 'react-dom'
 import { Router } from '@/presentation/components'
 import '@/presentation/styles/global.scss'
 import { makeLogin } from './factories/pages/login/login-factory'
+import { makeSignUp } from './factories/pages/signup/signup-factory'
 
 ReactDOM.render(
   <Router
     makeLogin={makeLogin}
+    makeSignUp={makeSignUp}
   />,
   document.getElementById('main')
 )

src/presentation/components/router/router.tsx

@@ -1,17 +1,17 @@
 import React from 'react'
 import { BrowserRouter, Switch, Route } from 'react-router-dom'
-import { SignUp } from '@/presentation/pages'
 
-type Props = {
+type Factory = {
   makeLogin: React.FC
+  makeSignUp: React.FC
 }
 
-const Router: React.FC<Props> = ({ makeLogin }: Props) => {
+const Router: React.FC<Factory> = (factory: Factory) => {
   return (
     <BrowserRouter>
       <Switch>
-        <Route path="/login" exact component={makeLogin} />
-        <Route path="/signup" exact component={SignUp} />
+        <Route path="/login" exact component={factory.makeLogin} />
+        <Route path="/signup" exact component={factory.makeSignUp} />
       </Switch>
     </BrowserRouter>
   )