import { TestUtils } from 'flipper-plugin';
import * as Plugin from '..';

// Read more: https://fbflipper.com/docs/tutorial/js-custom#testing-plugin-logic
// API: https://fbflipper.com/docs/tutorial/js-custom#testing-plugin-logic
test('It can store data', () => {
  const { instance, sendEvent } = TestUtils.startPlugin(Plugin);

  expect(instance.data.get()).toEqual({});

  sendEvent('newData', { id: 'firstID' });
  sendEvent('newData', { id: 'secondID' });

  expect(instance.data.get()).toMatchInlineSnapshot(`
    Object {
      "firstID": Object {
        "id": "firstID",
      },
      "secondID": Object {
        "id": "secondID",
      },
    }
  `);
});

// Read more: https://fbflipper.com/docs/tutorial/js-custom#testing-plugin-logic
// API: https://fbflipper.com/docs/tutorial/js-custom#testing-plugin-logic
test('It can render data', async () => {
  const { instance, renderer, sendEvent } = TestUtils.renderPlugin(Plugin);

  expect(instance.data.get()).toEqual({});

  sendEvent('newData', { id: 'firstID' });
  sendEvent('newData', { id: 'secondID' });

  expect(await renderer.findByTestId('firstID')).not.toBeNull();
  expect(await renderer.findByTestId('secondID')).toMatchInlineSnapshot(`
    <pre
      data-testid="secondID"
    >
      {"id":"secondID"}
    </pre>
  `);
});