47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
import React, { useEffect, useRef } from 'react';
|
|
import { HotTable } from '../src/hotTable';
|
|
import {
|
|
createSpreadsheetData,
|
|
mockElementDimensions,
|
|
mountComponent
|
|
} from './_helpers';
|
|
import { HotTableRef } from '../src/types'
|
|
|
|
describe('Using useRef hooks within HotTable', () => {
|
|
it('should be possible the get Handsontable instance', async () => {
|
|
const refData = createSpreadsheetData(3, 3);
|
|
let data!: string[][];
|
|
|
|
function ExampleComponent() {
|
|
const hotRef = useRef<HotTableRef>(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);
|
|
});
|
|
});
|