LauraBeatris
/ jest_config.json
Last active
March 10, 2022 02:25
Jest Configuration with Root Import
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "jest": { | |
| "testMatch": [ | |
| "**/__tests__/**/*.test.js" | |
| ], | |
| "moduleNameMapper": { | |
| "^~/(.*)": "<rootDir>/src/$1" | |
| }, | |
| "setupFilesAfterEnv": [ | |
| "@testing-library/react/cleanup-after-each", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .select { | |
| /* Removing the native appearance */ | |
| -moz-appearance: none; | |
| -webkit-appearance: none; | |
| appearance: none; | |
| background-color: #fff; | |
| /* Custom arrow */ | |
| background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | |
| background-repeat: no-repeat; |
LauraBeatris
/ .eslintrc.js
Created
April 4, 2020 20:23
— forked from diego3g/.eslintrc.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const { resolve } = require('path'); | |
| module.exports = { | |
| env: { | |
| browser: true, | |
| es6: true, | |
| jest: true, | |
| }, | |
| globals: { | |
| Atomics: 'readonly', |
LauraBeatris
/ dynamic_fields.js
Created
April 1, 2020 13:20
Dynamic Appeding Fields with JavaScript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Appending fields to a parent | |
| function appendField(fieldSelector, parentSelector) { | |
| const parentContainer = document.querySelector(parentSelector); | |
| const fields = document.querySelectorAll(fieldSelector); | |
| // Cloning the node of the last field added to the parent | |
| const lastField = fields[fields.length - 1]; | |
| const newField = lastField && lastField.cloneNode(true); | |
| // The user needs to fill the input above before creating a new one |
LauraBeatris
/ pagination.js
Last active
April 1, 2020 13:20
Options of Pagination Algorithms with JavaScript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* First Example */ | |
| function pagination( | |
| totalItems, | |
| selectedPage, | |
| itemsLimit = 4, | |
| ){ | |
| // Calculating the total of pages by dividing the limit and the numbers of items | |
| const totalPages = Math.ceil(totalItems / itemsLimit); | |
| const startPage = 1; | |
| const endPage = totalPages; |
NewerOlder