fix: folder structure and style imports

Author: Marcelo

README.md

@@ -9,40 +9,46 @@
 
 - UI framework:
 
-  - **React**
+  1. **React**
+
+- Style pre-processor:
+
+  1. **SASS**
 
 - State management:
 
-  - **MobX**
+  1. **MobX**
 
 - GraphQL client:
 
-  - **Apollo Client**
+  1. **Apollo Client**
 
 - Testing framework:
-  - **Enzyme**
+
+  1. **Enzyme**
+  2. **Testing-library**
 
 ## 🖥 Server-side features
 
 - HTTP server:
 
-  - **Express**
+  1. **Express**
 
 - GraphQL server:
 
-  - **Apollo Server**
+  1. **Apollo Server**
 
 - Database:
 
-  - **PostgreSQL**
+  1. **PostgreSQL**
 
 - Object-relational mapping framework:
 
-  - **TypeORM**
+  1. **TypeORM**
 
 - Data query and manipulation framework:
 
-  - **GraphQL**
+  1. **GraphQL**
 
 ## 🌱 Directions
 

jest.setup.ts

@@ -1,4 +1 @@
-import { configure } from "enzyme";
-import * as EnzymeAdapter from "enzyme-adapter-react-16";
-configure({ adapter: new EnzymeAdapter() });
 jest.setTimeout(60000);

src/client/__tests__/Animal.test.tsx

@@ -0,0 +1,4 @@
+declare module "*.scss" {
+  const style: { [key: string]: string };
+  export = style;
+}

src/client/__tests__/AnimalsStore.test.tsx

@@ -1,4 +1,4 @@
-form {
+@mixin formSubstance {
   display: grid;
   justify-content: center;
 
@@ -12,18 +12,9 @@ form {
     }
   }
 
-  .button-wrapper {
+  .buttonWrapper {
     padding-top: 20px;
     display: inherit;
     justify-content: inherit;
   }
 }
-
-.animal {
-  transition: 0.2s;
-
-  &:hover {
-    cursor: pointer;
-    color: #0087cb;
-  }
-}

src/client/__tests__/CreateAnimal.test.tsx

@@ -1,4 +1,4 @@
 import * as React from "react";
-import { HelloWorld } from "./ui/index";
+import { HelloWorld } from "../ui/index";
 
 export const HelloWorldConnector = () => <HelloWorld />;