48 lines
1.0 KiB
TypeScript

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);
});
});