Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Test task description, item's 'completed' status, "Clear all completed" function #10

Open
wants to merge 22 commits into
base: main
Choose a base branch
from
Open

Test task description, item's 'completed' status, "Clear all completed" function #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
8502b59
Build files to deploy on gh-pages
c3c1l1a Jun 3, 2022
07b2d5a
Add ES6 module config with jest setup
c3c1l1a Jun 8, 2022
bee05f9
Add test
CrystallineButterfly Jun 8, 2022
3c88600
Mock test, test
CrystallineButterfly Jun 8, 2022
6bd1f65
Add Js DOM
CrystallineButterfly Jun 9, 2022
4ee1da7
Test that works
CrystallineButterfly Jun 9, 2022
452c6f6
Add remove and item tests
c3c1l1a Jun 9, 2022
6c0250c
Remove linter errors
c3c1l1a Jun 9, 2022
63956e2
update the readme file with test information
c3c1l1a Jun 9, 2022
41e0c49
Add change to script
CrystallineButterfly Jun 9, 2022
4d5adb8
Add change to fix conflict
CrystallineButterfly Jun 9, 2022
435983d
Add readme test config
c3c1l1a Jun 9, 2022
7226338
A few small adds
CrystallineButterfly Jun 9, 2022
a842335
Add jest coverage flag
c3c1l1a Jun 9, 2022
86bef98
Add test 1 for test 2
CrystallineButterfly Jun 10, 2022
4ebd54e
Merge branch 'test' of github.com:c3c1l1a/Todo-list into test
CrystallineButterfly Jun 10, 2022
0c8ac91
Add update item test
c3c1l1a Jun 10, 2022
13f63a9
Add test for clear completed
CrystallineButterfly Jun 10, 2022
44c751f
Add test to check edit, update status and clear all items
c3c1l1a Jun 10, 2022
4c4b805
Fix linter errors
c3c1l1a Jun 10, 2022
e0b58d8
Add some missions packages
CrystallineButterfly Jun 10, 2022
a476fd0
Add incoming add
CrystallineButterfly Jun 10, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .babelrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"presets": ["@babel/preset-env"]
}
3 changes: 2 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
node_modules
hint-report
hint-report
coverage
20 changes: 16 additions & 4 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,9 @@
- Major languages : HTMl & CSS, JavaScript
- Technologies used : Github, Git and Linters

## Live Demo (Coming soon)
## Live Demo

>
> Here is the [link](https://c3c1l1a.github.io/Todo-list/) to the live demo

## Getting Started

Expand All @@ -30,9 +30,18 @@ This project is open source and you are free take modify and do with as you wish


### Install
- Once you have the code navigate into the root folder and run `npm install` to get all dependecies required to run the linters checks and set up webpack
- Once you have the code navigate into the root folder and run `npm install` to get all dependecies required to run Unit tests, linters checks and set up webpack

### Run Unit tests
- Use the `npm test` command to run all the unit test

### Run webpack live server
- use `npm start` to open the app with webpacks live server

### Run test 🧪
### Build for deployment
- use `npm run build` to build files for deployment and distribution

### Run code linters 🧪
> Run the commands below in the terminal or `git bash`.
- `npx hint .` : for the `html` codebase and use of best practices.
- `npx stylelint "**/*.{css,scss}"` : for the `css` codebase and use of best practices. you can add
Expand All @@ -51,6 +60,9 @@ This project is open source and you are free take modify and do with as you wish
- Profile [c3cl1ia.github.io](https://c3c1l1a.github.io)


- Github: [@CrystallineButterfly](https://github.com/CrystallineButterfly/)
- Twitter [@CrystAlline_k42](https://twitter.com/CrystAlline_k42)

![](https://github-readme-stats.vercel.app/api?username=c3c1l1a&count_private=true&theme=dark&show_icons=true)


Expand Down
Empty file added babel.config.js
View file
Open in desktop
Empty file.
1 change: 1 addition & 0 deletions dist/71e6bc9c6b7790b0023a.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions dist/8ae4449c8b41ee3a8178.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions dist/9791eda45730d66280b3.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions dist/f438effffd246d064743.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
250 changes: 115 additions & 135 deletions dist/index.bundle.js
View file
Open in desktop

Large diffs are not rendered by default.

28 changes: 25 additions & 3 deletions dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,31 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webpack excercise</title>
<script defer src="index.bundle.js"></script></head>
<title>Todo List</title>
<script defer src="runtime.bundle.js"></script><script defer src="index.bundle.js"></script></head>
<body>
<h1>Testing webpack</h1>
<div class="todo-container">
<div class="todo-header">
<p>Today's Todo list </p>
<img class="icon" src="f438effffd246d064743.svg" alt="Refresh list icon">
</div>
<div class="todo-new-item">
<input class="new-item" type="text" placeholder="Add a new item.." name="new-item">
<img class="icon" src="71e6bc9c6b7790b0023a.svg" alt="Enter key icon">
</div>
<div class="todo-items">
<template class="todo-item-template">
<div class="todo-item">
<input class="checkbox" type="checkbox">
<input class="item-description" name="item-description">
<img class="icon bin" src="9791eda45730d66280b3.svg" alt="Show more item options">
<img class="icon more" src="8ae4449c8b41ee3a8178.svg" alt="Show more item options">
</div>
</template>
</div>
<div class="todo-clear-completed">
<p>Clear all completed</p>
</div>
</div>
</body>
</html>
207 changes: 207 additions & 0 deletions dist/runtime.bundle.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,207 @@
/*
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
* This devtool is neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({});
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ id: moduleId,
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/************************************************************************/
/******/ /* webpack/runtime/chunk loaded */
/******/ (() => {
/******/ var deferred = [];
/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => {
/******/ if(chunkIds) {
/******/ priority = priority || 0;
/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
/******/ deferred[i] = [chunkIds, fn, priority];
/******/ return;
/******/ }
/******/ var notFulfilled = Infinity;
/******/ for (var i = 0; i < deferred.length; i++) {
/******/ var [chunkIds, fn, priority] = deferred[i];
/******/ var fulfilled = true;
/******/ for (var j = 0; j < chunkIds.length; j++) {
/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
/******/ chunkIds.splice(j--, 1);
/******/ } else {
/******/ fulfilled = false;
/******/ if(priority < notFulfilled) notFulfilled = priority;
/******/ }
/******/ }
/******/ if(fulfilled) {
/******/ deferred.splice(i--, 1)
/******/ var r = fn();
/******/ if (r !== undefined) result = r;
/******/ }
/******/ }
/******/ return result;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/global */
/******/ (() => {
/******/ __webpack_require__.g = (function() {
/******/ if (typeof globalThis === 'object') return globalThis;
/******/ try {
/******/ return this || new Function('return this')();
/******/ } catch (e) {
/******/ if (typeof window === 'object') return window;
/******/ }
/******/ })();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ var scriptUrl;
/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
/******/ var document = __webpack_require__.g.document;
/******/ if (!scriptUrl && document) {
/******/ if (document.currentScript)
/******/ scriptUrl = document.currentScript.src
/******/ if (!scriptUrl) {
/******/ var scripts = document.getElementsByTagName("script");
/******/ if(scripts.length) scriptUrl = scripts[scripts.length - 1].src
/******/ }
/******/ }
/******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
/******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
/******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
/******/ __webpack_require__.p = scriptUrl;
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ (() => {
/******/ __webpack_require__.b = document.baseURI || self.location.href;
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ "runtime": 0
/******/ };
/******/
/******/ // no chunk on demand loading
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0;
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
/******/ for(moduleId in moreModules) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) var result = runtime(__webpack_require__);
/******/ }
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ installedChunks[chunkId][0]();
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ return __webpack_require__.O(result);
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunkwebpack_exercise"] = self["webpackChunkwebpack_exercise"] || [];
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/ })();
/******/
/******/ /* webpack/runtime/nonce */
/******/ (() => {
/******/ __webpack_require__.nc = undefined;
/******/ })();
/******/
/************************************************************************/
/******/
/******/
/******/ })()
;
Loading