lucid-ui
Version:
A UI component library from AppNexus.
36 lines • 1.83 kB
JavaScript
import React from 'react';
import { common } from '../../util/generic-tests';
import { mount } from 'enzyme';
import assert from 'assert';
import ResponsiveGrid, { ResponsiveGrid as ResponsiveGridInner } from './ResponsiveGrid';
describe('ResponsiveGrid', function () {
common(ResponsiveGrid);
describe('props', function () {
describe('breakPoints', function () {
it('should display one column for width less than the minimum break point', function () {
var wrapper = mount( /*#__PURE__*/React.createElement(ResponsiveGridInner, {
breakPoints: [480, 960],
width: 250
}));
var columnWrapper = wrapper.find('.lucid-ResponsiveGrid-Column');
assert.equal(columnWrapper.length, 1, 'must display one column for width less than the minimum break point');
});
it('should display two columns for widths greater than the minimum break point and less than the maximum break point', function () {
var wrapper = mount( /*#__PURE__*/React.createElement(ResponsiveGridInner, {
breakPoints: [480, 960],
width: 500
}));
var columnWrapper = wrapper.find('.lucid-ResponsiveGrid-Column');
assert.equal(columnWrapper.length, 2, 'must display one column for width greater than the minimum break point and less than the maximum break point');
});
it('should display three columns for widths greater than the maximum break point', function () {
var wrapper = mount( /*#__PURE__*/React.createElement(ResponsiveGridInner, {
breakPoints: [480, 960],
width: 1000
}));
var columnWrapper = wrapper.find('.lucid-ResponsiveGrid-Column');
assert.equal(columnWrapper.length, 3, 'must display one column for width greater than the maximum');
});
});
});
});