| const randomise = word => word.split('').sort(() => Math.round(Math.random() * 2) -1).join('') | |
| const dyslexify = word => word.substr(0,1) + randomise(word.substring(1, word.length-1)) + word.substr(-1,1) | |
| setInterval(() => { | |
| console.clear() | |
| console.log(dyslexify('elementary')) | |
| }, 1000) |
| const toSnakeCase = str => str.replace(/([A-Z])/g, match => '_' + match.toLowerCase()) | |
| const handler = { | |
| get(target, name) { | |
| const snakeName = toSnakeCase(name) | |
| const value = target[snakeName] | |
| if (value === Object(value) && !Array.isArray(value)) { | |
| return new Proxy(value, handler) | |
| } else { | |
| return Reflect.get(target, snakeName); |
Snapshot tests are a very useful tool whenever you want to make sure your UI does not change unexpectedly.
Instead of rendering the graphical UI, which would require building the entire app, you can use a test renderer to quickly generate a serializable value for your React tree.
Oftentimes when we not using snapshot testing you would end up writing tests like this:
// BuyNow.js
| const range = (from, to) => | |
| [from] | |
| .concat(Array(to-from).fill(from)) | |
| .map((n,index) => n+index) |
| // Simple use (from letter A, space as filler): | |
| // diamond()("F") | |
| // Specify beginning of alphabet and different filler character: | |
| // diamond("F", "_")("K") | |
| const diamond = (startChar="A", whiteSpace=" ") => { | |
| const range = (from, to) => [from] | |
| .concat(Array(to-from).fill(from)) | |
| .map((n,index) => n+index) |
| function leftpad(str, length, char) { | |
| if (typeof str === "undefined") throw new Error("Cound't find string to leftpad") | |
| str = String(str) | |
| length = length || 0 | |
| if (typeof char === "undefined") char = " " | |
| char = String(char) | |
| var padding = leftpad._repeat(char, Math.max(length - str.length, 0)) | |
| return padding + str |
| do () -> | |
| getStorage = () -> | |
| storage = | |
| values: {} | |
| isStored: (key) -> | |
| key of @values | |
| getValue: (key) -> | |
| @values[key] | |
| store: (key, value) -> | |
| @values[key] = value |
| <!doctype html> | |
| <script> | |
| function $(selector) { | |
| return document.querySelectorAll(selector) | |
| } | |
| function onClick(selector, callback) { | |
| $("html")[0].addEventListener("click", function(event) { |
| //limitations | |
| //you can still use other methods like arr[index], Array.prototype.push(arr) and others to avoid limits | |
| Array.prototype.trim = function(max) { | |
| return this.splice(max, this.length-max) | |
| } | |
| Array.prototype.trimRight = function(max) { | |
| return this.splice(0, this.length-max) | |
| } |
| var generateNodeRecorer = function(forEach) { | |
| function parseArgs(nodes, collecionOrNodeCallback, nodeCallback) { | |
| //make sure single objects can be handled | |
| if (!nodes.length) nodes = [nodes]; | |
| if (arguments.length === 0) { | |
| throw new Error('Couldn\'t find nodes') | |
| } |