Add reactotron to storybook

[derekgreenberg]

New Trello Board link: https://trello.com/c/YPZKngqg/28-configure-reactotron-in-storybook

Closes #81

Implements add-reactotron-to-storybook based on Kevin's suggestion in #81

Reactotron now executes when running storybook tests. It shuts off as expected when running yarn test.

This PR fixes this test warning:

"console.warn node_modules/react-native/jest/setup.js:91
Calling .blur() in the test renderer environment is not supported. Instead, mock out your components that use findNodeHandle with replacements that don't rely on the native environment."
by adding a new mock for text-input "mock-textinput.ts" that sets the "autoFocus" prop to false when tests are running.

Fixed a bunch of rendering issues with Storybook tests.

(1) The default color of the Text component is white, which is not visible in the storybook tests.
(2) missing en_US translations for the text-field.story.

What follows is screenshots for all fixed Storybook renderings:

[kevinvangelder]

This line is only necessary if using Detox (Bowser does not) and the Detox tests are located in the e2e folder, which I'm not certain is the default, so I would probably suggest removing this line.

[derekgreenberg]

yeah, will remove.

[derekgreenberg]

@kevinvangelder removed this line in package.json. Final verion

  "jest": {
    "preset": "jest-preset-ignite",
    "testPathIgnorePatterns": [
      "/node_modules"
    ],
    "globals": {
      "__TEST__": true
    }
  },

[skellock]

👍

[skellock]

undefined is falsy, so you could use !__TEST__.

[kevinvangelder]

You would think that, but it was causing explosions, hence this solution.

[derekgreenberg]

Interesting. So leaving this as if (typeof __TEST__ === "undefined" || !__TEST__)

[kevinvangelder]

To be fair, it was exploding prior to declaring TEST in setup.ts, but I'm pretty sure I tested removing this after that and still faced issues.