react-virtualized/dist/es/Grid/Grid.ssr.js

React components for efficiently rendering large, scrollable lists and tabular data

/**
 * 
 * @jest-environment node
 */
import * as React from 'react';
import * as ReactDOMServer from 'react-dom/server';
import Grid from './Grid';
test('should render Grid with dom server', function () {
  var rendered = ReactDOMServer.renderToString(React.createElement(Grid, {
    cellRenderer: function cellRenderer(_ref) {
      var style = _ref.style,
          key = _ref.key,
          rowIndex = _ref.rowIndex,
          columnIndex = _ref.columnIndex;
      return React.createElement("div", {
        style: style,
        key: key
      }, rowIndex + ':' + columnIndex);
    },
    columnCount: 1000,
    columnWidth: 20,
    height: 500,
    rowCount: 1000,
    rowHeight: 20,
    width: 500
  }));
  expect(rendered).toContain('0:0');
  expect(rendered).toContain('24:24');
  expect(rendered).not.toContain('25:25');
});
test('should support :scrollToColumn and :scrollToRow in server render', function () {
  var rendered = ReactDOMServer.renderToString(React.createElement(Grid, {
    cellRenderer: function cellRenderer(_ref2) {
      var style = _ref2.style,
          key = _ref2.key,
          rowIndex = _ref2.rowIndex,
          columnIndex = _ref2.columnIndex;
      return React.createElement("div", {
        style: style,
        key: key
      }, rowIndex + ':' + columnIndex);
    },
    columnCount: 1000,
    columnWidth: 20,
    scrollToColumn: 250,
    height: 500,
    rowCount: 1000,
    rowHeight: 20,
    scrollToRow: 250,
    width: 500
  }));
  expect(rendered).toContain('250:250');
  expect(rendered).not.toContain('0:0');
});