[#167163350] front end setup

pagopa-archive · Jul 23, 2019 · 791a5ca · 791a5ca
2 parents f133c76 + d191eda
commit 791a5ca
Show file tree

Hide file tree

Showing 14 changed files with 4,416 additions and 321 deletions.
diff --git a/jest.config.js b/jest.config.js
@@ -0,0 +1,25 @@
+module.exports = {
+  "roots": [
+    "<rootDir>/src"
+  ],
+  "transform": {
+    "^.+\\.tsx?$": "ts-jest"
+  },
+  "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
+  "moduleFileExtensions": [
+    "ts",
+    "tsx",
+    "js",
+    "jsx",
+    "json",
+    "node"
+  ],
+  "testEnvironment": "jsdom",
+
+  // Setup Enzyme
+  "snapshotSerializers": ["enzyme-to-json/serializer"],
+  "setupFilesAfterEnv": ["<rootDir>/setupEnzyme.ts"],
+  "moduleNameMapper": {
+    ".+\\.(css|scss)$": "<rootDir>/styleMock.ts"
+  },
+};
diff --git a/package.json b/package.json
@@ -1,47 +1,58 @@
 {
-  "name": "TODO",
+  "name": "io-onboarding-pa-fe",
   "version": "0.0.1",
-  "description": "TODO",
+  "description": "io-onboarding-pa-fe",
   "repository": "https://github.com/teamdigitale/TODO",
   "author": "https://teamdigitale.governo.it",
   "license": "MIT",
   "scripts": {
+    "start": "parcel ./public/index.html",
     "prebuild": "rimraf dist",
-    "build": "tsc",
+    "build": "parcel build ./public/index.html --public-url /",
     "postversion": "git push && git push --tags",
     "test": "jest",
     "lint": "tslint --project ."
   },
   "devDependencies": {
+    "@types/enzyme": "^3.1.12",
+    "@types/enzyme-adapter-react-16": "^1.0.2",
     "@types/jest": "^24.0.13",
     "@types/node": "10.14.1",
+    "@types/react": "16.8.23",
+    "@types/react-dom": "16.8.4",
+    "@types/react-router-dom": "^4.3.4",
+    "@types/react-test-renderer": "^16.8.2",
+    "@types/reactstrap": "^8.0.1",
     "danger": "^8.0.0",
     "danger-plugin-digitalcitizenship": "*",
+    "enzyme": "^3.3.0",
+    "enzyme-adapter-react-16": "^1.1.1",
+    "enzyme-to-json": "^3.3.4",
     "italia-tslint-rules": "*",
     "jest": "^24.8.0",
+    "parcel-bundler": "^1.12.3",
     "prettier": "^1.12.1",
+    "react-test-renderer": "^16.8.6",
     "rimraf": "^2.6.2",
     "ts-jest": "^24.0.2",
     "tslint": "^5.1.0",
-    "typescript": "^3.5.0"
+    "typescript": "^3.5.0",
+    "sass": "^1.22.4"
   },
   "dependencies": {
+    "@coreui/coreui": "^2.1.12",
+    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
+    "@coreui/icons": "0.3.0",
+    "@coreui/react": "^2.5.1",
+    "bootstrap": "^4.3.1",
+    "bootstrap-italia": "^1.3.2",
+    "chart.js": "^2.8.0",
     "fp-ts": "1.12.0",
-    "io-ts": "1.8.5"
-  },
-  "jest": {
-    "testEnvironment": "node",
-    "collectCoverage": true,
-    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
-    "moduleFileExtensions": [
-      "js",
-      "json",
-      "jsx",
-      "node",
-      "ts",
-      "tsx"
-    ],
-    "preset": "ts-jest",
-    "testMatch": null
+    "io-ts": "1.8.5",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6",
+    "react-router-config": "^5.0.1",
+    "react-router-dom": "^5.0.1",
+    "reactstrap": "^8.0.0"
   }
 }
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Onboarding PA</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="../src/index.tsx"></script>
+  </body>
+</html>
diff --git a/setupEnzyme.ts b/setupEnzyme.ts
@@ -0,0 +1,4 @@
+import { configure } from "enzyme";
+import EnzymeAdapter from "enzyme-adapter-react-16";
+
+configure({ adapter: new EnzymeAdapter() });
diff --git a/src/App.scss b/src/App.scss
@@ -0,0 +1,7 @@
+// Styles
+// CoreUI Icons Set
+@import '../node_modules/@coreui/icons/css/coreui-icons.css';
+// Bootstrap italia
+@import '../node_modules/bootstrap-italia/dist/css/bootstrap-italia.min.css';
+// Import Main styles for this applicationsc
+@import './scss/style';
diff --git a/src/App.tsx b/src/App.tsx
@@ -0,0 +1,11 @@
+import * as React from "react";
+
+import "./App.scss";
+
+export const App: React.FC = () => {
+  return (
+    <div className="App">
+      <h1 className="primary-bg white-color">Piattaforma Onboard PA</h1>
+    </div>
+  );
+};
diff --git a/src/__tests__/App.test.tsx b/src/__tests__/App.test.tsx
@@ -0,0 +1,8 @@
+import { shallow } from "enzyme";
+import * as React from "react";
+import { App } from "../App";
+
+it("mounts without crashing", () => {
+  const wrapper = shallow(<App />);
+  wrapper.unmount();
+});
diff --git a/src/__tests__/index.test.ts b/src/__tests__/index.test.ts
diff --git a/src/index.ts b/src/index.ts
diff --git a/src/index.tsx b/src/index.tsx
@@ -0,0 +1,5 @@
+import * as React from "react";
+import { render } from "react-dom";
+import { App } from "./App";
+
+render(<App />, document.getElementById("root"));
diff --git a/src/scss/style.scss b/src/scss/style.scss
@@ -0,0 +1,6 @@
+// Import styles
+@import "../../node_modules/@coreui/coreui/scss/coreui";
+
+// TODO: Temp fix for reactstrap
+// https://www.pivotaltracker.com/story/show/167402768 to keep track
+@import '../../node_modules/@coreui/coreui/scss/dropdown-menu-right';
diff --git a/styleMock.ts b/styleMock.ts
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/tsconfig.json b/tsconfig.json
@@ -8,9 +8,11 @@
     "strict": true,
     "noImplicitAny": true,
     "declaration": true,
-    "sourceMap": true
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "jsx": "react"
   },
-  "lib": [],
+  "lib": ["dom"],
   "include": [
     "src/**/*"
   ],