Add tests for pending dialog

Summary:
The benefits of having things nicely encapsulated.
Not super sophisticated, but better than nothing.

Reviewed By: jknoxville

Differential Revision: D17786832

fbshipit-source-id: 0b321e8a4e56188b0eab86515bd777ed3e3e8cb7
This commit is contained in:
Pascal Hartig
2019-10-08 00:17:23 -07:00
committed by Facebook Github Bot
parent 03dd7a5981
commit 36abf6e38c
2 changed files with 133 additions and 0 deletions

View File

@@ -0,0 +1,44 @@
/**
* Copyright 2018-present Facebook.
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
* @format
*/
import ShareSheetPendingDialog from '../ShareSheetPendingDialog';
import React from 'react';
import renderer from 'react-test-renderer';
import configureStore from 'redux-mock-store';
const mockStore = configureStore([])({application: {sessionId: 'mysession'}});
import {Provider} from 'react-redux';
test('ShareSheetPendingDialog is rendered with status update', () => {
const component = (
<Provider store={mockStore}>
<ShareSheetPendingDialog
onCancel={() => {}}
onRunInBackground={() => {}}
statusMessage="wubba lubba dub dub"
statusUpdate="Update"
/>
</Provider>
);
expect(renderer.create(component).toJSON()).toMatchSnapshot();
});
test('ShareSheetPendingDialog is rendered without status update', () => {
const component = (
<Provider store={mockStore}>
<ShareSheetPendingDialog
onCancel={() => {}}
onRunInBackground={() => {}}
statusMessage="wubba lubba dub dub"
statusUpdate={null}
/>
</Provider>
);
expect(renderer.create(component).toJSON()).toMatchSnapshot();
});

View File

@@ -0,0 +1,89 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ShareSheetPendingDialog is rendered with status update 1`] = `
<div
className="css-1uu1nb5"
>
<div
className="css-mgujkx"
>
<div
className="css-1hed33k"
size={30}
/>
<span
className="css-18qh9b2"
color="#6f6f6f"
>
Update
</span>
</div>
<div
className="css-a1glw"
>
<div
className="css-12zzrdt"
/>
<div
className="css-1awwm1c"
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
>
Cancel
</div>
<div
className="css-1awwm1c"
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
type="primary"
>
Run In Background
</div>
</div>
</div>
`;
exports[`ShareSheetPendingDialog is rendered without status update 1`] = `
<div
className="css-1uu1nb5"
>
<div
className="css-mgujkx"
>
<div
className="css-1hed33k"
size={30}
/>
<span
className="css-18qh9b2"
color="#6f6f6f"
/>
</div>
<div
className="css-a1glw"
>
<div
className="css-12zzrdt"
/>
<div
className="css-1awwm1c"
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
>
Cancel
</div>
<div
className="css-1awwm1c"
onClick={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
type="primary"
>
Run In Background
</div>
</div>
</div>
`;