Merge pull request #1 from code4rena-dev/develop

Setting up Vercel

Author: leo95oliveira

.storybook/preview.tsx

@@ -8,6 +8,7 @@ const wrapperStyle = {
   flexWrap: "wrap",
   justifyContent: "center",
   alignItems: "center",
+  padding: "0rem 1rem",
 };
 
 const preview: Preview = {

.storybook/theme.ts

@@ -4,7 +4,7 @@ export default create({
   base: "dark",
   brandUrl: "https://code4rena.com",
   brandTitle: "Code4rena Storybook",
-  brandImage: "/c4-og-banner.png",
+  brandImage: "/logos/c4-logo.svg",
   brandTarget: "_blank",
 
   // UI

README.md

@@ -11,4 +11,10 @@ OR
 yarn storybook
 ```
 
+## Testing
+For testing, we are using [Jest](https://jestjs.io/docs/getting-started) and [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/).
+
+To maintain the standards, test files should be named **componentName.test.tsx** and be placed inside the component folder for which the test relates to.
+
+
 ## Publishing to NPM

coverage/clover.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<coverage generated="1690486176310" clover="3.2.0">
+  <project timestamp="1690486176310" name="All files">
+    <metrics statements="4" coveredstatements="4" conditionals="17" coveredconditionals="17" methods="1" coveredmethods="1" elements="22" coveredelements="22" complexity="0" loc="4" ncloc="4" packages="1" files="2" classes="2"/>
+    <file name="Alert.tsx" path="/Volumes/T7/Programming/StackFive/C4-UI/src/components/Alert/Alert.tsx">
+      <metrics statements="4" coveredstatements="4" conditionals="17" coveredconditionals="17" methods="1" coveredmethods="1"/>
+      <line num="25" count="1" type="stmt"/>
+      <line num="34" count="7" type="stmt"/>
+      <line num="42" count="7" type="stmt"/>
+      <line num="79" count="1" type="stmt"/>
+    </file>
+    <file name="Alert.types.ts" path="/Volumes/T7/Programming/StackFive/C4-UI/src/components/Alert/Alert.types.ts">
+      <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+    </file>
+  </project>
+</coverage>

coverage/coverage-final.json

@@ -0,0 +1,3 @@
+{"/Volumes/T7/Programming/StackFive/C4-UI/src/components/Alert/Alert.tsx": {"path":"/Volumes/T7/Programming/StackFive/C4-UI/src/components/Alert/Alert.tsx","statementMap":{"0":{"start":{"line":25,"column":36},"end":{"line":77,"column":1}},"1":{"start":{"line":34,"column":18},"end":{"line":40,"column":4}},"2":{"start":{"line":42,"column":2},"end":{"line":76,"column":4}},"3":{"start":{"line":79,"column":0},"end":{"line":87,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":25,"column":36},"end":{"line":25,"column":37}},"loc":{"start":{"line":33,"column":6},"end":{"line":77,"column":1}},"line":33}},"branchMap":{"0":{"loc":{"start":{"line":44,"column":7},"end":{"line":57,"column":7}},"type":"binary-expr","locations":[{"start":{"line":44,"column":8},"end":{"line":44,"column":40}},{"start":{"line":44,"column":44},"end":{"line":44,"column":74}},{"start":{"line":45,"column":8},"end":{"line":56,"column":14}}],"line":44},"1":{"loc":{"start":{"line":47,"column":17},"end":{"line":47,"column":71}},"type":"cond-expr","locations":[{"start":{"line":47,"column":52},"end":{"line":47,"column":61}},{"start":{"line":47,"column":64},"end":{"line":47,"column":71}}],"line":47},"2":{"loc":{"start":{"line":49,"column":14},"end":{"line":51,"column":37}},"type":"cond-expr","locations":[{"start":{"line":50,"column":18},"end":{"line":50,"column":38}},{"start":{"line":51,"column":18},"end":{"line":51,"column":37}}],"line":49},"3":{"loc":{"start":{"line":59,"column":9},"end":{"line":59,"column":42}},"type":"binary-expr","locations":[{"start":{"line":59,"column":9},"end":{"line":59,"column":14}},{"start":{"line":59,"column":18},"end":{"line":59,"column":42}}],"line":59},"4":{"loc":{"start":{"line":59,"column":45},"end":{"line":59,"column":72}},"type":"binary-expr","locations":[{"start":{"line":59,"column":45},"end":{"line":59,"column":52}},{"start":{"line":59,"column":56},"end":{"line":59,"column":72}}],"line":59},"5":{"loc":{"start":{"line":60,"column":9},"end":{"line":73,"column":9}},"type":"binary-expr","locations":[{"start":{"line":60,"column":9},"end":{"line":60,"column":20}},{"start":{"line":61,"column":10},"end":{"line":72,"column":14}}],"line":60},"6":{"loc":{"start":{"line":63,"column":14},"end":{"line":65,"column":65}},"type":"cond-expr","locations":[{"start":{"line":64,"column":18},"end":{"line":64,"column":58}},{"start":{"line":65,"column":18},"end":{"line":65,"column":65}}],"line":63},"7":{"loc":{"start":{"line":71,"column":13},"end":{"line":71,"column":70}},"type":"cond-expr","locations":[{"start":{"line":71,"column":29},"end":{"line":71,"column":42}},{"start":{"line":71,"column":45},"end":{"line":71,"column":70}}],"line":71}},"s":{"0":1,"1":7,"2":7,"3":1},"f":{"0":7},"b":{"0":[7,6,2],"1":[1,1],"2":[1,1],"3":[7,7],"4":[7,7],"5":[7,2],"6":[1,1],"7":[1,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"3d7fe056e12557f3ff6f496c4e13e40c5107c4a4"}
+,"/Volumes/T7/Programming/StackFive/C4-UI/src/components/Alert/Alert.types.ts": {"path":"/Volumes/T7/Programming/StackFive/C4-UI/src/components/Alert/Alert.types.ts","statementMap":{},"fnMap":{},"branchMap":{},"s":{},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"31215c000b00f4b3924d8d62b8905ffec9f4ed29"}
+}