run jest tests

Summary:
Adding support for JS testing. Currently there are two environments tests can run in: node and electron. To select which environment to run a test in, name your test file accordingly `*.node.js` or `*.electron.js` and put it in a `__tests__` folder.

- `yarn test` to run node based tests
- `yarn test-electron` to run electron tests

A basic snapshot test of the empty app is added to make sure the app is rendering as expected. A test for the server is added to make sure when Flipper is started the two servers (secure and insecure) are started and ready to accept connections.

Reviewed By: passy

Differential Revision: D10050212

fbshipit-source-id: 8ef7f931339b43251d9d423886bcaca99ae691e4
This commit is contained in:
Daniel Büchele
2018-10-02 04:23:42 -07:00
committed by Facebook Github Bot
parent 8c4e5ec647
commit 5aefb989e0
6 changed files with 18 additions and 33 deletions

View File

@@ -0,0 +1,242 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Empty app state matches snapshot 1`] = `
<div
className="css-1si6n3e"
fill={true}
>
<div
className="toolbar css-1u64wvw"
>
<div
className="css-7nzs1f"
disabled={false}
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
>
<div
className="css-at56xe"
color="#acacac"
size={12}
src="https://external.xx.fbcdn.net/assets/?name=minus-circle&variant=filled&size=12&set=facebook_icons&density=1x"
/>
No device selected
</div>
<div
className="css-1ayt83l"
>
<div
className="css-1telx8z"
disabled={true}
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
title="Take Screenshot"
>
<div
className="css-11ecny9"
color="#acacac"
size={12}
src="https://external.xx.fbcdn.net/assets/?name=camera&variant=filled&size=12&set=facebook_icons&density=1x"
/>
</div>
<div
className="css-1telx8z"
disabled={true}
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
title="Make Screen Recording"
>
<div
className="css-1qxark3"
color="#acacac"
size={12}
src="https://external.xx.fbcdn.net/assets/?name=camcorder&variant=filled&size=12&set=facebook_icons&density=1x"
/>
</div>
</div>
<div
className="css-12zzrdt"
/>
<div
className="css-1xcv92o"
/>
<div
className="css-1lljw3m"
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
title="Report Bug"
>
<div
className="css-1u10tgp"
color="#acacac"
size={12}
src="https://external.xx.fbcdn.net/assets/?name=bug&variant=filled&size=12&set=facebook_icons&density=1x"
/>
</div>
<div
className="css-1ayt83l"
>
<div
className="css-19m5dks"
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
title="Toggle Plugins"
>
<div
className="css-1221zh3"
color="#80a6f5"
size={12}
src="icons/sidebar_left.svg"
/>
</div>
<div
className="css-1telx8z"
disabled={true}
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
title="Toggle Details"
>
<div
className="css-1fkfe9s"
color="#acacac"
size={12}
src="icons/sidebar_right.svg"
/>
</div>
</div>
</div>
<div
className="css-9qtipk"
fill={true}
>
<div
className="css-1atbcdi"
>
<div
className="css-1hs1k35"
>
<img
className="css-1yl4k4p"
src="./icon.png"
/>
<span
className="css-p2pwny"
>
Welcome to Flipper
</span>
<span
className="css-1xkgddx"
>
Development Mode
</span>
<div
className="css-ls6p57"
onClick={[Function]}
>
<div
className="css-1wavjrl"
color="#8155cb"
size={20}
src="https://external.xx.fbcdn.net/assets/?name=rocket&variant=filled&size=20&set=facebook_icons&density=1x"
/>
<div
className="css-1k4677w"
>
<span
className="css-1jw94dh"
>
Using Flipper
</span>
<span
className="css-bcc6f5"
>
Learn how Flipper can help you debug your App
</span>
</div>
</div>
<div
className="css-ls6p57"
onClick={[Function]}
>
<div
className="css-1bmw9ne"
color="#8155cb"
size={20}
src="https://external.xx.fbcdn.net/assets/?name=magic-wand&variant=filled&size=20&set=facebook_icons&density=1x"
/>
<div
className="css-1k4677w"
>
<span
className="css-1jw94dh"
>
Create your own plugin
</span>
<span
className="css-bcc6f5"
>
Get started with these pointers
</span>
</div>
</div>
<div
className="css-ls6p57"
onClick={[Function]}
>
<div
className="css-nk9hkx"
color="#8155cb"
size={20}
src="https://external.xx.fbcdn.net/assets/?name=tools&variant=filled&size=20&set=facebook_icons&density=1x"
/>
<div
className="css-1k4677w"
>
<span
className="css-1jw94dh"
>
Add Flipper support to your app
</span>
<span
className="css-bcc6f5"
>
Get started with these pointers
</span>
</div>
</div>
<div
className="css-ls6p57"
onClick={[Function]}
>
<div
className="css-14xjmfa"
color="#8155cb"
size={20}
src="https://external.xx.fbcdn.net/assets/?name=posts&variant=filled&size=20&set=facebook_icons&density=1x"
/>
<div
className="css-1k4677w"
>
<span
className="css-1jw94dh"
>
Contributing and Feedback
</span>
<span
className="css-bcc6f5"
>
Report issues and help us improve Flipper
</span>
</div>
</div>
</div>
</div>
</div>
</div>
`;