Rob Lloveras Sensiblemnd

VSCode | Debug tests in Create-React-App (all or single file)

Add launch.json into the .vscode folder.

Now, enter the Debug view. Either add debugger into one of the tests or add breakpoints, before you execute one of the scripts.


	/* ==========================================================================
	These following classes can be used to add safe-area padding to the either 4 directions

	========================================================================== */

	.iphoneXSafeArea--top{
	/* iOS 11.2+ */
	padding-top: env(safe-area-inset-top);
	/* iOS 11 */

	//Creates a function out of '!'.
	//Use this to improve code readability.
	//Instead of... if (!loggedIn) {}
	//..do this.. if not(loggedIn) {}
	const not = value => !value;

	// Remove Duplicates from an array
	const removeDuplicates =
	arr => arr.filter((item, index) => index === arr.indexOf(item));

	const removeDuplicates1 = array => [...new Set(array)];

	const removeDuplicates2 = array => Array.from(new Set(array));


	// Flattens an array(doesn't flatten deeply).

	import React from "react";

	type AccordionType = {
	children: React.ReactNode[] \| React.ReactNode;
	};
	const Accordion = (props: AccordionType) => {
	return <div className="accordion">{props.children}</div>;
	};

	//Yay, namespacing!

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>App Redirection</title>
	</head>
	<body>

	<!-- iframe used for attempting to load a custom protocol -->
	<iframe style="display:none" height="0" width="0" id="loader"></iframe>

	const theIndex = {
	dog: ()=>{console.log("dog")},
	cat: ()=>{console.log("cat")},
	rabbit: ()=>{console.log("rabbit")}
	}

	theIndex["rabbit"] ? theIndex["rabbit"]() : console.log("rabbnothing theret")

	:root {
	--header-height: 3rem;

	/========== Colors ==========/
	/* Change favorite color to match images */
	--hue-color: ;

	/* HSL color mode */
	--color: hsl(var(--hue-color), 64%, 22%);