Skip to content

Commit

Permalink
feat: implement repository service & testing
Browse files Browse the repository at this point in the history
  • Loading branch information
Alan Buscaglia committed Apr 4, 2023
1 parent 12d9633 commit 3d0be0a
Show file tree
Hide file tree
Showing 48 changed files with 1,636 additions and 53 deletions.
24 changes: 24 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
13 changes: 13 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
24 changes: 24 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
{
"name": "gentlemanclass-hexagonalarchitecture",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview",
"test": "vitest"
},
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/react": "^18.0.28",
"@types/react-dom": "^18.0.11",
"@vitejs/plugin-react": "^3.1.0",
"typescript": "^4.9.3",
"vite": "^4.2.0",
"vitest": "^0.29.8"
}
}
1 change: 1 addition & 0 deletions public/vite.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 0 additions & 9 deletions services/dashboard-api/app/schemas/user.ts

This file was deleted.

7 changes: 0 additions & 7 deletions services/dashboard-api/ports/drivens/for-repo-querying.ts

This file was deleted.

14 changes: 0 additions & 14 deletions services/dashboard-api/ports/drivers/for-authenticating.ts

This file was deleted.

5 changes: 0 additions & 5 deletions services/repository/app/schemas/user.ts

This file was deleted.

42 changes: 42 additions & 0 deletions src/App.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
#root {
max-width: 1280px;
margin: 0 auto;
padding: 2rem;
text-align: center;
}

.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.react:hover {
filter: drop-shadow(0 0 2em #61dafbaa);
}

@keyframes logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

@media (prefers-reduced-motion: no-preference) {
a:nth-of-type(2) .logo {
animation: logo-spin infinite 20s linear;
}
}

.card {
padding: 2em;
}

.read-the-docs {
color: #888;
}
35 changes: 35 additions & 0 deletions src/App.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
import { useState } from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'

function App() {
const [count, setCount] = useState(0)

return (
<div className="App">
<div>
<a href="https://vitejs.dev" target="_blank">
<img src={viteLogo} className="logo" alt="Vite logo" />
</a>
<a href="https://reactjs.org" target="_blank">
<img src={reactLogo} className="logo react" alt="React logo" />
</a>
</div>
<h1>Vite + React</h1>
<div className="card">
<button onClick={() => setCount((count) => count + 1)}>
count is {count}
</button>
<p>
Edit <code>src/App.tsx</code> and save to test HMR
</p>
</div>
<p className="read-the-docs">
Click on the Vite and React logos to learn more
</p>
</div>
)
}

export default App
1 change: 1 addition & 0 deletions src/assets/react.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
69 changes: 69 additions & 0 deletions src/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;

color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;

font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}

a {
font-weight: 500;
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}

body {
margin: 0;
display: flex;
place-items: center;
min-width: 320px;
min-height: 100vh;
}

h1 {
font-size: 3.2em;
line-height: 1.1;
}

button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: #1a1a1a;
cursor: pointer;
transition: border-color 0.25s;
}
button:hover {
border-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}

@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
a:hover {
color: #747bff;
}
button {
background-color: #f9f9f9;
}
}
10 changes: 10 additions & 0 deletions src/main.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
<React.StrictMode>
<App />
</React.StrictMode>,
)
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@ import { ForControlAuthenticating } from "../../ports/drivens";
import { AuthDetails, Permissions } from "../../app/schemas";

const authDetailsMock: AuthDetails = {
token: "12312easdas4123",
refreshToken: "12312easdas4123",
token: "token",
refreshToken: "refreshToken",
};

const permissionsMock: Permissions = {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,18 +1,19 @@
import { User as RepoUser } from "../../../repository/app/schemas";
import { ExternalUser } from "../../../repository/app/schemas";
import { User } from "../../app/schemas";
import { ForRepoQuerying } from "../../ports/drivens";

const userMock: RepoUser = {
id: "123123123",
const userMock: ExternalUser = {
id: "1",
name: "John Doe",
email: "[email protected]",
};

export class RepoQuerierStub implements ForRepoQuerying {
getUser(_email: string): Promise<RepoUser> {
getUser(_email: string): Promise<ExternalUser> {
return Promise.resolve(userMock);
}

createUser(_user: any, _password: string): Promise<RepoUser> {
createUser(_user: User): Promise<ExternalUser> {
return Promise.resolve(userMock);
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ export class AuthenticatorProxyAdapter implements ForAuthenticating {
async login(email: string, password: string): Promise<AuthenticatedUser> {
return this.dashboardApi.login(email, password);
}
async register(user: User, password: string): Promise<AuthenticatedUser> {
return this.dashboardApi.register(user, password);
async register(user: User): Promise<AuthenticatedUser> {
return this.dashboardApi.register(user);
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,8 @@ export const { authenticatorProxyAdapter } = compositionMock();
const registerMock = {
name: "John",
email: "[email protected]",
password: "password",
};

authenticatorProxyAdapter.login("[email protected]", "12345678");
authenticatorProxyAdapter.register(registerMock, "12345678");
authenticatorProxyAdapter.register(registerMock);
71 changes: 71 additions & 0 deletions src/services/dashboard-api/app/dashboard-api.test.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
import { describe, expect, it } from "vitest";
import { ControlAuthenticatorStub } from "../adapters/drivens/control-authenticator-stub-adapter";
import { RepoQuerierStub } from "../adapters/drivens/repo-querier-stub-adapter";
import { DashboardApi } from "./dashboard-api";
import { AuthenticatedUser, User } from "./schemas";

describe("DashboardApi", () => {
const controlAuthenticatorStub = new ControlAuthenticatorStub();
const repoQuerierStub = new RepoQuerierStub();
const dashboardApiMock = new DashboardApi(
controlAuthenticatorStub,
repoQuerierStub
);

it.concurrent("should login", async () => {
//GIVEN
const mockedParams = {
email: "[email protected]",
password: "12345678",
};

const expectedResult: AuthenticatedUser = {
id: "1",
name: "John Doe",
email: "[email protected]",
token: "token",
refreshToken: "refreshToken",
permissions: {
admin: true,
user: true,
},
};

//WHEN
const result = await dashboardApiMock.login(
mockedParams.email,
mockedParams.password
);

//THEN
expect(result).toEqual(expectedResult);
});

it.concurrent("should register", async () => {
//GIVEN

const mockedUser: User = {
name: "John",
email: "[email protected]",
password: "password",
};

const expectedResult: AuthenticatedUser = {
id: "1",
name: "John Doe",
email: "[email protected]",
token: "token",
refreshToken: "refreshToken",
permissions: {
admin: true,
user: true,
},
};

//WHEN
const result = await dashboardApiMock.register(mockedUser);

//THEN
expect(result).toEqual(expectedResult);
});
});
Loading

0 comments on commit 3d0be0a

Please sign in to comment.