Testing part1

.babelrc

@@ -0,0 +1,7 @@
+{
+    "env": {
+      "test": {
+        "plugins": ["@babel/plugin-transform-modules-commonjs"]
+      }
+    }
+  }

package.json

@@ -4,10 +4,13 @@
   "description": "![](https://img.shields.io/badge/Microverse-blueviolet)",
   "private": true,
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "jest",
     "start": "webpack serve --open",
     "build": "webpack"
   },
+  "jest": {
+    "testEnvironment": "jsdom"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/ishpaul777/To-Do-List.git"

src/add_remove_update.js

@@ -27,28 +27,26 @@ export class Store {
     const tasks = Store.getTasks(); // get tasks
     tasks.push(task); // add new task
     localStorage.setItem('tasks', JSON.stringify(tasks)); // convert them in string
-    document.querySelector('.tasks-left-num').textContent = tasks.length;
+    // document.querySelector('.tasks-left-num').textContent = tasks.length;
   }
 
   // remove a task from store
-  static removeTask(el, description) {
-    if (el.classList.contains('remove')) {
-      const tasks = Store.getTasks();
-      let spliced;
-      tasks.forEach((task, index) => {
-        if (task.description === description) {
-          spliced = tasks.splice(index, 1);
-        }
-      });
-      localStorage.setItem('tasks', JSON.stringify(tasks));
-      for (let i = 0; i < tasks.length; i += 1) {
-        if (tasks[i].index >= spliced[0].index) {
-          tasks[i].index -= 1;
-        }
+  static removeTask(description) {
+    const tasks = Store.getTasks();
+    let spliced;
+    tasks.forEach((task, index) => {
+      if (task.description === description) {
+        spliced = tasks.splice(index, 1);
+      }
+    });
+    localStorage.setItem('tasks', JSON.stringify(tasks));
+    for (let i = 0; i < tasks.length; i += 1) {
+      if (tasks[i].index >= spliced[0].index) {
+        tasks[i].index -= 1;
       }
-      localStorage.setItem('tasks', JSON.stringify(tasks));
-      document.querySelector('.tasks-left-num').textContent = tasks.length;
     }
+    localStorage.setItem('tasks', JSON.stringify(tasks));
+    // document.querySelector('.tasks-left-num').textContent = tasks.length;
   }
 
   // update status when user checks the checkbox
@@ -225,4 +223,4 @@ export class UI {
   }
 }
 
-document.querySelector('.tasks-left-num').textContent = Store.getTasks().length;
+// document.querySelector('.tasks-left-num').textContent = Store.getTasks().length;

src/events.js

@@ -58,8 +58,7 @@ document.querySelector('.clear-completed').addEventListener('click', () => {
   Store.clearCompleted();
   // TODO> CHANGE THIS TO SOMTHING THAT DO NOT RELOAD AND STILL CLEAR THE UI
   document.location.reload(true); // for reloading after clearing s completed items
-} 
-);
+});
 
 // Load tasks
 UI.displayTasks();
@@ -83,30 +82,26 @@ document.querySelectorAll('input[type="checkbox"]').forEach((box) => {
   }
 });
 
-
-const toggler = document.querySelector(".mode-toggler")
-toggler.addEventListener("change", () => {
-  document.body.classList.toggle("dark")
-  document.querySelector(".ball").classList.toggle("active")
-  if(localStorage.getItem('darkMode') === null){
-    localStorage.setItem('darkMode', 'true')
-  }
-  else if(localStorage.getItem('darkMode') === 'false'){
-    localStorage.setItem('darkMode', 'true')
+const toggler = document.querySelector('.mode-toggler');
+toggler.addEventListener('change', () => {
+  document.body.classList.toggle('dark');
+  document.querySelector('.ball').classList.toggle('active');
+  if (localStorage.getItem('darkMode') === null) {
+    localStorage.setItem('darkMode', 'true');
+  } else if (localStorage.getItem('darkMode') === 'false') {
+    localStorage.setItem('darkMode', 'true');
+  } else if (localStorage.getItem('darkMode') === 'true') {
+    localStorage.setItem('darkMode', 'false');
   }
-  else if(localStorage.getItem('darkMode') === 'true'){
-    localStorage.setItem('darkMode', 'false')
-  }
-})
-
+});
 
-document.addEventListener('DOMContentLoaded', ()=>{
-  if(localStorage.getItem('darkMode') === 'true'){
-    document.body.classList.add("dark")
-    document.querySelector(".ball").classList.add("active")
+document.addEventListener('DOMContentLoaded', () => {
+  if (localStorage.getItem('darkMode') === 'true') {
+    document.body.classList.add('dark');
+    document.querySelector('.ball').classList.add('active');
   }
-  if(localStorage.getItem('darkMode') === 'false'){
-    document.body.classList.remove("dark")
-    document.querySelector(".ball").classList.remove("active")
+  if (localStorage.getItem('darkMode') === 'false') {
+    document.body.classList.remove('dark');
+    document.querySelector('.ball').classList.remove('active');
   }
-})
+});