db42e8e970
Summary: Implementing persistedState for createTablePlugin, so it doesn't lose its data when switching back and forth between plugins. When `runInBackground` is set to true on the native side, createTablePlugins are now also capable of receiving new data in the background. Adds a test suite for createTablePlugin, to make sure it: - returns a FlipperPlugin - ID, title and icon are set correctly - the resetMethod clears the data - the persistedStateReducer correctly adds new data Reviewed By: passy Differential Revision: D12939848 fbshipit-source-id: 30048f3ce2bb98c83b0c165e48df72c8e28eadcd
91 lines
2.1 KiB
JavaScript
91 lines
2.1 KiB
JavaScript
/**
|
|
* 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 {createTablePlugin} from '../createTablePlugin.js';
|
|
import {FlipperPlugin} from '../plugin.js';
|
|
|
|
const PROPS = {
|
|
title: 'Plugin Title',
|
|
id: 'pluginID',
|
|
icon: 'icon',
|
|
method: 'method',
|
|
resetMethod: 'resetMethod',
|
|
columns: {},
|
|
columnSizes: {},
|
|
renderSidebar: () => {},
|
|
buildRow: () => {},
|
|
};
|
|
|
|
test('createTablePlugin returns FlipperPlugin', () => {
|
|
const tablePlugin = createTablePlugin({...PROPS});
|
|
expect(tablePlugin.prototype).toBeInstanceOf(FlipperPlugin);
|
|
});
|
|
|
|
test('Plugin ID is set', () => {
|
|
const id = 'pluginID';
|
|
const tablePlugin = createTablePlugin({...PROPS, id});
|
|
expect(tablePlugin.id).toBe(id);
|
|
});
|
|
|
|
test('Plugin title is set', () => {
|
|
const title = 'My Plugin Title';
|
|
const tablePlugin = createTablePlugin({...PROPS, title});
|
|
expect(tablePlugin.title).toBe(title);
|
|
});
|
|
|
|
test('Plugin icon is set', () => {
|
|
const icon = 'icon';
|
|
const tablePlugin = createTablePlugin({...PROPS, icon});
|
|
expect(tablePlugin.icon).toBe(icon);
|
|
});
|
|
|
|
test('persistedStateReducer is resetting data', () => {
|
|
const resetMethod = 'resetMethod';
|
|
const tablePlugin = createTablePlugin({...PROPS, resetMethod});
|
|
|
|
// $FlowFixMe persistedStateReducer exists for createTablePlugin
|
|
const {rows, datas} = tablePlugin.persistedStateReducer(
|
|
{
|
|
datas: {'1': {id: '1'}},
|
|
rows: [
|
|
{
|
|
key: '1',
|
|
columns: {
|
|
id: {
|
|
value: '1',
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
resetMethod,
|
|
{},
|
|
);
|
|
|
|
expect(datas).toEqual({});
|
|
expect(rows).toEqual([]);
|
|
});
|
|
|
|
test('persistedStateReducer is adding data', () => {
|
|
const method = 'method';
|
|
const tablePlugin = createTablePlugin({...PROPS, method});
|
|
const id = '1';
|
|
|
|
// $FlowFixMe persistedStateReducer exists for createTablePlugin
|
|
const {rows, datas} = tablePlugin.persistedStateReducer(
|
|
{
|
|
datas: {},
|
|
rows: [],
|
|
},
|
|
method,
|
|
{id},
|
|
);
|
|
|
|
expect(rows.length).toBe(1);
|
|
expect(Object.keys(datas)).toEqual([id]);
|
|
});
|