Adding unit test cases for page (#3)

Author: prabhuignoto

.github/workflows/test-and-lint.yml

@@ -23,8 +23,7 @@ jobs:
         node-version: ${{ matrix.node-version }}
 
     - name: Build
-      run: |
-        npm install
-        npm run lint
-        npm run test
+    - run: npm install
+    - run: npm run lint
+    - run: npm run test
 

.licrc

@@ -0,0 +1,19 @@
+[licenses]
+# This indicates which are the only licenses that Licensebat will accept.
+# The rest will be flagged as not allowed.
+accepted = ["MIT"]
+# This will indicate which licenses are not accepted.
+# The rest will be accepted, except for the unknown licenses or dependencies without licenses.
+# unaccepted = ["LGPL"]
+# Note that only one of the previous options can be enabled at once. 
+# If both of them are informed, only accepted will be considered.
+
+[dependencies]
+# This will allow users to flag some dependencies so that Licensebat will not check for their license.
+# ignored=["ignored_dep1", "ignored_dep2"]
+
+[behavior]
+# False by default, if true, it will only run the checks when one of the dependency files or the .licrc file has been modified.
+run_only_on_dependency_modification = true
+# False by default, if true, it will never block the build.
+do_not_block_pr = false

coverage/coverage-final.json

@@ -23,30 +23,30 @@ <h1>All files</h1>
         <div class='clearfix'>
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">56.82% </span>
+                <span class="strong">68.3% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>554/975</span>
+                <span class='fraction'>666/975</span>
             </div>
 
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">86.41% </span>
+                <span class="strong">83.33% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>70/81</span>
+                <span class='fraction'>105/126</span>
             </div>
 
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">37.5% </span>
+                <span class="strong">51.21% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>15/40</span>
+                <span class='fraction'>21/41</span>
             </div>
 
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">56.82% </span>
+                <span class="strong">68.3% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>554/975</span>
+                <span class='fraction'>666/975</span>
             </div>
 
 
@@ -110,32 +110,32 @@ <h1>All files</h1>
 
 <tr>
 	<td class="file high" data-value="react-wizardly/src/components/form-field"><a href="react-wizardly/src/components/form-field/index.html">react-wizardly/src/components/form-field</a></td>
-	<td data-value="82.41" class="pic high">
+	<td data-value="82.91" class="pic high">
 	<div class="chart"><div class="cover-fill" style="width: 82%"></div><div class="cover-empty" style="width: 18%"></div></div>
 	</td>
-	<td data-value="82.41" class="pct high">82.41%</td>
-	<td data-value="199" class="abs high">164/199</td>
-	<td data-value="82.85" class="pct high">82.85%</td>
-	<td data-value="35" class="abs high">29/35</td>
+	<td data-value="82.91" class="pct high">82.91%</td>
+	<td data-value="199" class="abs high">165/199</td>
+	<td data-value="89.18" class="pct high">89.18%</td>
+	<td data-value="37" class="abs high">33/37</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="2" class="abs high">2/2</td>
-	<td data-value="82.41" class="pct high">82.41%</td>
-	<td data-value="199" class="abs high">164/199</td>
+	<td data-value="82.91" class="pct high">82.91%</td>
+	<td data-value="199" class="abs high">165/199</td>
 	</tr>
 
 <tr>
-	<td class="file low" data-value="react-wizardly/src/components/page"><a href="react-wizardly/src/components/page/index.html">react-wizardly/src/components/page</a></td>
-	<td data-value="16.93" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 16%"></div><div class="cover-empty" style="width: 84%"></div></div>
+	<td class="file high" data-value="react-wizardly/src/components/page"><a href="react-wizardly/src/components/page/index.html">react-wizardly/src/components/page</a></td>
+	<td data-value="96.77" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 96%"></div><div class="cover-empty" style="width: 4%"></div></div>
 	</td>
-	<td data-value="16.93" class="pct low">16.93%</td>
-	<td data-value="124" class="abs low">21/124</td>
+	<td data-value="96.77" class="pct high">96.77%</td>
+	<td data-value="124" class="abs high">120/124</td>
+	<td data-value="89.28" class="pct high">89.28%</td>
+	<td data-value="28" class="abs high">25/28</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="16.93" class="pct low">16.93%</td>
-	<td data-value="124" class="abs low">21/124</td>
+	<td data-value="2" class="abs high">2/2</td>
+	<td data-value="96.77" class="pct high">96.77%</td>
+	<td data-value="124" class="abs high">120/124</td>
 	</tr>
 
 <tr>
@@ -185,17 +185,17 @@ <h1>All files</h1>
 
 <tr>
 	<td class="file low" data-value="react-wizardly/src/utils"><a href="react-wizardly/src/utils/index.html">react-wizardly/src/utils</a></td>
-	<td data-value="27.86" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 27%"></div><div class="cover-empty" style="width: 73%"></div></div>
+	<td data-value="47.54" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 47%"></div><div class="cover-empty" style="width: 53%"></div></div>
 	</td>
-	<td data-value="27.86" class="pct low">27.86%</td>
-	<td data-value="61" class="abs low">17/61</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="16" class="abs low">0/16</td>
-	<td data-value="27.86" class="pct low">27.86%</td>
-	<td data-value="61" class="abs low">17/61</td>
+	<td data-value="47.54" class="pct low">47.54%</td>
+	<td data-value="61" class="abs low">29/61</td>
+	<td data-value="40" class="pct low">40%</td>
+	<td data-value="15" class="abs low">6/15</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="16" class="abs low">4/16</td>
+	<td data-value="47.54" class="pct low">47.54%</td>
+	<td data-value="61" class="abs low">29/61</td>
 	</tr>
 
 </tbody>
@@ -206,7 +206,7 @@ <h1>All files</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Apr 28 2022 23:11:07 GMT+0530 (India Standard Time)
+                at Sun May 01 2022 12:00:01 GMT+0530 (India Standard Time)
             </div>
         <script src="prettify.js"></script>
         <script>

coverage/index.html

@@ -90,9 +90,9 @@
   },
   "main": "dist/react-wizardry.js",
   "devDependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
+    "@babel/core": "^7.17.10",
+    "@babel/plugin-transform-runtime": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
     "@babel/preset-react": "^7.16.7",
     "@babel/runtime": "^7.17.9",
     "@testing-library/jest-dom": "^5.16.4",
@@ -120,7 +120,7 @@
     "husky": "^7.0.4",
     "jsdom": "^19.0.0",
     "mini-css-extract-plugin": "^2.6.0",
-    "postcss": "^8.4.12",
+    "postcss": "^8.4.13",
     "postcss-loader": "^6.2.1",
     "postcss-preset-env": "^7.4.4",
     "prettier": "^2.6.2",
@@ -130,10 +130,10 @@
     "sass": "^1.51.0",
     "sass-loader": "^12.6.0",
     "style-loader": "^3.3.1",
-    "stylelint": "^14.8.0",
+    "stylelint": "^14.8.1",
     "stylelint-config-standard": "^25.0.0",
     "terser-webpack-plugin": "^5.3.1",
-    "ts-loader": "^9.2.9",
+    "ts-loader": "^9.3.0",
     "typescript": "^4.6.4",
     "vite": "^2.9.6",
     "vitest": "^0.10.0",