import React, { useEffect, useRef } from 'react';
import {
  HotTable
} from '../src/hotTable';
import {
  createSpreadsheetData,
  mockElementDimensions,
  mountComponent
} from './_helpers';

describe('Using useRef hooks within HotTable', () => {
  it('should be possible the get Handsontable instance', async () => {
    const refData = createSpreadsheetData(3, 3);
    let data;

    function ExampleComponent() {
      const hotRef = useRef(null);

      useEffect(() => {
        const hot = hotRef.current.hotInstance;

        data = hot.getData();
      });

      return (
        <HotTable licenseKey="non-commercial-and-evaluation"
          ref={hotRef}
          id="test-hot"
          data={refData}
          width={300}
          height={300}
          rowHeights={23}
          colWidths={50}
          init={function () {
            mockElementDimensions(this.rootElement, 300, 300);
          }}
        ></HotTable>
      )
    }

    mountComponent((
      <ExampleComponent/>
    ));

    expect(data).toEqual(refData);
  });
});