Rakan Nimer rakannimer

## log-indent-based-on-depth-of-call-stack.js
const log = (...args) => {
  console.log(" ".repeat(new Error().stack.match(/\n/g).length - 2), ...args);
};

## list-all-test-ids-in-page.js
Array.from(new Set(Array.from(document.querySelectorAll('[data-testid]')).map(el => el["dataset"]["testid"])))

## index.html
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Page Title</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

</head>

## mobx-reactions-example.js
import { reaction, observable, runInAction } from 'mobx';

const myObservableMap = observable.map({});

const disposeReaction = reaction(() => myObservableMap, (newObservableValue) => {
	console.warn('Someone changed the observable map. new value : ', newObservableValue);
})

myObservableMap.set('some', {data: 'of any type'})
myObservableMap.set('someOther', 'data')

## jest-photoshoot.js
const photoshoot = (...args) => {
  args.forEach(arg =>
    expect(arg).toMatchSnapshot()
  );
};

## add-jest-to-nwb.sh
yarn add -D jest babel-jest babel-preset-es2015 babel-preset-react react-test-renderer
#Edit package.json adding the jest command :
"scripts": {
  "build": "nwb build-react-component",
  "clean": "nwb clean-module && npm clean-demo",
  "start": "nwb serve-react-demo",
  "test": "nwb test",
  "test:coverage": "nwb test --coverage",
  "test:watch": "nwb test --server",
  "test:jest": "jest"

## add-react-jest-airbnb-linting.sh
(   export PKG=eslint-config-airbnb;   npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs yarn add -D "$PKG@latest"; )
yarn add babel-eslint
echo "{
  \"parser\": \"babel-eslint\",
  \"env\": {
    \"browser\": true,
    \"node\": true,
    \"jest\": true,
  },
  \"extends\": \"airbnb\",

## some atom snippets.cson
# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#

## adbshell input keyevents index + name + commands.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                rakannimer
                / adbshell input keyevents index + name + commands.md
            
            
              Created
              November 21, 2016 09:57
            
          
    command

adb shell input keyevent 0

Name

KEYCODE_UNKNOWNI
index

C

  
## .eslintrc
{
    "parser": "babel-eslint",
    "env": {
        "browser": true,
        "node": true
    },
    "extends": "airbnb",
    "rules": {
        "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
        "import/prefer-default-export": "off",
	const log = (...args) => {
	console.log(" ".repeat(new Error().stack.match(/\n/g).length - 2), ...args);
	};
	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Page Title</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">

	</head>
	import { reaction, observable, runInAction } from 'mobx';

	const myObservableMap = observable.map({});

	const disposeReaction = reaction(() => myObservableMap, (newObservableValue) => {
	console.warn('Someone changed the observable map. new value : ', newObservableValue);
	})

	myObservableMap.set('some', {data: 'of any type'})
	myObservableMap.set('someOther', 'data')
	const photoshoot = (...args) => {
	args.forEach(arg =>
	expect(arg).toMatchSnapshot()
	);
	};
	yarn add -D jest babel-jest babel-preset-es2015 babel-preset-react react-test-renderer
	#Edit package.json adding the jest command :
	"scripts": {
	"build": "nwb build-react-component",
	"clean": "nwb clean-module && npm clean-demo",
	"start": "nwb serve-react-demo",
	"test": "nwb test",
	"test:coverage": "nwb test --coverage",
	"test:watch": "nwb test --server",
	"test:jest": "jest"
	( export PKG=eslint-config-airbnb; npm info "$PKG@latest" peerDependencies --json \| command sed 's/[\{\},]//g ; s/: /@/g' \| xargs yarn add -D "$PKG@latest"; )
	yarn add babel-eslint
	echo "{
	\"parser\": \"babel-eslint\",
	\"env\": {
	\"browser\": true,
	\"node\": true,
	\"jest\": true,
	},
	\"extends\": \"airbnb\",
	# Your snippets
	#
	# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
	# expand the prefix into a larger code block with templated values.
	#
	# You can create a new snippet in this file by typing "snip" and then hitting
	# tab.
	#
	# An example CoffeeScript snippet to expand log to console.log:
	#
	{
	"parser": "babel-eslint",
	"env": {
	"browser": true,
	"node": true
	},
	"extends": "airbnb",
	"rules": {
	"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
	"import/prefer-default-export": "off",