From c8ce7bd4cacf590fc65d9c136fc43b26a03a9bed Mon Sep 17 00:00:00 2001 From: Semih Basmaci Date: Fri, 11 Jan 2019 14:52:31 +0300 Subject: [PATCH 1/3] 'renderStaticRangeLabel' callback prop is added to DefinedRange component to enable custom component rendering for static range labels. -'react-test-renderer' is added to dev dependencies. -README is updated for 'renderStaticRangeLabel'. -eslintignore file is updated to ignore snapshot files. -Existing demo is updated to display custom 'renderStaticRangeLabel' usage. --- . eslintignore | 1 + CONTRIBUTING.md | 6 +- README.md | 1 + demo/src/components/Main.js | 86 ++++++++++- package.json | 4 +- src/components/DefinedRange.js | 17 ++- src/components/DefinedRange.test.js | 138 +++++++++++++++++ .../__snapshots__/DefinedRange.test.js.snap | 142 ++++++++++++++++++ yarn.lock | 31 ++++ 9 files changed, 417 insertions(+), 9 deletions(-) create mode 100644 src/components/DefinedRange.test.js create mode 100644 src/components/__snapshots__/DefinedRange.test.js.snap diff --git a/. eslintignore b/. eslintignore index c98508c3f..cd275d762 100644 --- a/. eslintignore +++ b/. eslintignore @@ -1,3 +1,4 @@ /node_modules/* /lib/* /dist/* +**/*.snap diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 1c3e7c475..855f90c85 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -10,13 +10,13 @@ Make sure your issue or feature doesn't have any related issue at [react-date-ra 3. Run `yarn` to install the dependencies. -4. Run `yarn dev` to start development server. +4. Run `yarn run dev` to start development server. ## Building -. Run `run test` and `run lint` for make sure tests passes and linter doesn't throw any error. +. Run `yarn test` and `yarn run lint` for make sure tests passes and linter doesn't throw any error. -. Run `yarn build` compile the library and demo source. +. Run `yarn run build` compile the library and demo source. . Push your changes and create a PR and apply code review decisions. diff --git a/README.md b/README.md index 485c795c4..fd265a5c4 100644 --- a/README.md +++ b/README.md @@ -129,6 +129,7 @@ showPreview(DateRange) | bool | true | visibility dragSelectionEnabled(Calendar) | bool | true | whether dates can be selected via drag n drop onPreviewChange(DateRange) | Object | | Callback function for preview changes dateDisplayFormat(DateRange) | String | `MMM D, YYYY` | selected range preview formatter. Check out [date-fns's format option](https://date-fns.org/v2.0.0-alpha.7/docs/format) +renderStaticRangeLabel(`DefinedRange`)| Function | | Callback function to be triggered for the static range configurations that have `hasCustomRendering: true` on them. Instead of rendering `staticRange.label`, return value of this callback will be rendered. staticRanges(`DefinedRange`, `DateRangePicker`) | Array | [default preDefined ranges](https://github.com/Adphorus/react-date-range/blob/master/src/defaultRanges.js) | - inputRanges(`DefinedRange`, `DateRangePicker`) | Array | [default input ranges](https://github.com/Adphorus/react-date-range/blob/master/src/defaultRanges.js) | - diff --git a/demo/src/components/Main.js b/demo/src/components/Main.js index 06e0b5356..feb0a65be 100644 --- a/demo/src/components/Main.js +++ b/demo/src/components/Main.js @@ -4,6 +4,51 @@ import * as rdrLocales from '../../../src/locale'; import { format, addDays } from 'date-fns'; import Section from './Section'; +function renderStaticRangeLabel(staticRange) { + return ( + + ); +} + +class CustomStaticRangeLabelContent extends React.Component { + constructor(props) { + super(props); + + this.state = { + currentDateString: Date(), + }; + + this.intervalId = setInterval( + () => { + this.setState({ + currentDateString: Date(), + }); + }, + 1000 + ); + } + + componentWillUnmount() { + if (this.intervalId) { + clearInterval(this.intervalId); + } + } + + render() { + const { currentDateString } = this.state; + const { text } = this.props; + + return ( + + {text} + + {currentDateString} + + + ); + } +} + const nameMapper = { ar: 'Arabic (Modern Standard Arabic - Al-fussha)', bg: 'Bulgarian', @@ -135,6 +180,7 @@ export default class Main extends Component { [which]: payload, }); } + handleRangeChange(which, payload) { console.log(which, payload); this.setState({ @@ -217,7 +263,7 @@ export default class Main extends Component { readOnly value={formatDateDisplay(this.state.multipleRanges.selection1.endDate, 'Continuous')} /> -
+
-
+
({ + startDate: new Date(), + endDate: new Date(), + }), + isSelected() { + return ( + true + ); + }, + }]} onChange={this.handleRangeChange.bind(this, 'definedRange')} className={'centered'} - /> + > +
@@ -348,6 +409,25 @@ export default class Main extends Component { disabledDates={[new Date(), addDays(new Date(), 3)]} minDate={addDays(new Date(), -3)} /> + + ({ + startDate: new Date(), + endDate: new Date(), + }), + isSelected() { + return ( + true + ); + }, + }]} + onChange={this.handleRangeChange.bind(this, 'definedRange')} + className={'centered'} + />
); diff --git a/package.json b/package.json index af3f12920..24d23fc3b 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,8 @@ ], "contributors": [ "Burak Can (https://github.com/burakcan)", - "Mehmet Kamil Morcay (https://github.com/mkg0)" + "Mehmet Kamil Morcay (https://github.com/mkg0)", + "Engin Semih Basmacı (https://github.com/mortargrind)" ], "license": "MIT", "repository": { @@ -73,6 +74,7 @@ "react": "^16.2.0", "react-dom": "^16.2.0", "react-hot-loader": "^3.1.3", + "react-test-renderer": "16.7.0", "style-loader": "^0.19.1", "webpack": "^3.10.0", "webpack-dev-server": "^2.9.7", diff --git a/src/components/DefinedRange.js b/src/components/DefinedRange.js index 45d2ea774..2d94d686f 100644 --- a/src/components/DefinedRange.js +++ b/src/components/DefinedRange.js @@ -14,6 +14,7 @@ class DefinedRanges extends Component { }; this.handleRangeChange = this.handleRangeChange.bind(this); } + handleRangeChange(range) { const { onChange, ranges, focusedRange } = this.props; const selectedRange = ranges[focusedRange[0]]; @@ -22,6 +23,7 @@ class DefinedRanges extends Component { [selectedRange.key || `range${focusedRange[0] + 1}`]: { ...selectedRange, ...range }, }); } + getSelectedRange(ranges, staticRange) { const focusedRangeIndex = ranges.findIndex(range => { if (!range.startDate || !range.endDate || range.disabled) return false; @@ -30,14 +32,24 @@ class DefinedRanges extends Component { const selectedRange = ranges[focusedRangeIndex]; return { selectedRange, focusedRangeIndex }; } + render() { - const { onPreviewChange, ranges, rangeColors, className } = this.props; + const { onPreviewChange, ranges, renderStaticRangeLabel, rangeColors, className } = this.props; + return (
{this.props.headerContent}
{this.props.staticRanges.map((staticRange, i) => { const { selectedRange, focusedRangeIndex } = this.getSelectedRange(ranges, staticRange); + let labelContent; + + if (staticRange.hasCustomRendering) { + labelContent = renderStaticRangeLabel(staticRange); + } else { + labelContent = staticRange.label; + } + return ( ); @@ -106,6 +118,7 @@ DefinedRanges.propTypes = { headerContent: PropTypes.any, rangeColors: PropTypes.arrayOf(PropTypes.string), className: PropTypes.string, + renderStaticRangeLabel: PropTypes.func, }; DefinedRanges.defaultProps = { diff --git a/src/components/DefinedRange.test.js b/src/components/DefinedRange.test.js new file mode 100644 index 000000000..43159cb8f --- /dev/null +++ b/src/components/DefinedRange.test.js @@ -0,0 +1,138 @@ +import React from 'react'; +import { mount } from 'enzyme'; + +import DefinedRange from './DefinedRange'; +import { isSameDay } from 'date-fns'; +import testRenderer from 'react-test-renderer'; + +describe('DefinedRange tests', () => { + test('Should call "renderStaticRangeLabel" callback correct amount of times according to the "hasCustomRendering" option', () => { + const renderStaticRangeLabel = jest.fn(); + + mount( + + ); + + expect(renderStaticRangeLabel).toHaveBeenCalledTimes(2); + }); + + test('Should render dynamic static label contents correctly', () => { + const renderItalicLabelContent = () => ( + {'Italic Content'} + ); + const renderBoldLabelContent = () => {'Bold Content'}; + const renderSomethingElse = () => ; + + const renderStaticRangeLabel = function(staticRange) { + let result; + + if (staticRange.id === 'italic') { + result = renderItalicLabelContent(); + } else if (staticRange.id === 'bold') { + result = renderBoldLabelContent(); + } else { + result = renderSomethingElse(); + } + + return result; + }; + + const tree = testRenderer + .create( + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); + }); +}); diff --git a/src/components/__snapshots__/DefinedRange.test.js.snap b/src/components/__snapshots__/DefinedRange.test.js.snap new file mode 100644 index 000000000..d31d408b4 --- /dev/null +++ b/src/components/__snapshots__/DefinedRange.test.js.snap @@ -0,0 +1,142 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`DefinedRange tests Should render dynamic static label contents correctly 1`] = ` +
+
+ + + + +
+
+
+ + + days up to today + +
+
+ + + days starting today + +
+
+
+`; diff --git a/yarn.lock b/yarn.lock index 6ef9a6374..5032907c3 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5948,6 +5948,14 @@ prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.6.0: loose-envify "^1.3.1" object-assign "^4.1.1" +prop-types@^15.6.2: + version "15.6.2" + resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102" + integrity sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ== + dependencies: + loose-envify "^1.3.1" + object-assign "^4.1.1" + proxy-addr@~2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.2.tgz#6571504f47bb988ec8180253f85dd7e14952bdec" @@ -6111,6 +6119,11 @@ react-hot-loader@^3.1.3: redbox-react "^1.3.6" source-map "^0.6.1" +react-is@^16.7.0: + version "16.7.0" + resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.7.0.tgz#c1bd21c64f1f1364c6f70695ec02d69392f41bfa" + integrity sha512-Z0VRQdF4NPDoI0tsXVMLkJLiwEBa+RP66g0xDHxgxysxSoCUccSten4RTF/UFvZF1dZvZ9Zu1sx+MDXwcOR34g== + react-list@^0.8.8: version "0.8.8" resolved "https://registry.yarnpkg.com/react-list/-/react-list-0.8.8.tgz#de2cb768dd210fb3e4835b9277f158e9cd403078" @@ -6132,6 +6145,16 @@ react-reconciler@^0.7.0: object-assign "^4.1.1" prop-types "^15.6.0" +react-test-renderer@16.7.0: + version "16.7.0" + resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.7.0.tgz#1ca96c2b450ab47c36ba92cd8c03fcefc52ea01c" + integrity sha512-tFbhSjknSQ6+ttzmuGdv+SjQfmvGcq3PFKyPItohwhhOBmRoTf1We3Mlt3rJtIn85mjPXOkKV+TaKK4irvk9Yg== + dependencies: + object-assign "^4.1.1" + prop-types "^15.6.2" + react-is "^16.7.0" + scheduler "^0.12.0" + react-test-renderer@^16.0.0-0: version "16.2.0" resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.2.0.tgz#bddf259a6b8fcd8555f012afc8eacc238872a211" @@ -6558,6 +6581,14 @@ sax@^1.2.1, sax@^1.2.4, sax@~1.2.1: version "1.2.4" resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9" +scheduler@^0.12.0: + version "0.12.0" + resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.12.0.tgz#8ab17699939c0aedc5a196a657743c496538647b" + integrity sha512-t7MBR28Akcp4Jm+QoR63XgAi9YgCUmgvDHqf5otgAj4QvdoBE4ImCX0ffehefePPG+aitiYHp0g/mW6s4Tp+dw== + dependencies: + loose-envify "^1.1.0" + object-assign "^4.1.1" + schema-utils@^0.3.0: version "0.3.0" resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.3.0.tgz#f5877222ce3e931edae039f17eb3716e7137f8cf" From fb15e541dd911df9c5020e2a17c8feeef851288a Mon Sep 17 00:00:00 2001 From: Semih Basmaci Date: Tue, 15 Jan 2019 11:36:20 +0300 Subject: [PATCH 2/3] CONTRIBUTING.md is updated to use consistent guidelines for package.json scripts usage. --- CONTRIBUTING.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 855f90c85..f23c2e278 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -14,7 +14,7 @@ Make sure your issue or feature doesn't have any related issue at [react-date-ra ## Building -. Run `yarn test` and `yarn run lint` for make sure tests passes and linter doesn't throw any error. +. Run `yarn run test` and `yarn run lint` for make sure tests passes and linter doesn't throw any error. . Run `yarn run build` compile the library and demo source. From 5e4eb44f678033118adf29a05a44d500b6e00e01 Mon Sep 17 00:00:00 2001 From: Semih Basmaci Date: Tue, 15 Jan 2019 11:36:58 +0300 Subject: [PATCH 3/3] Enzyme's shallow rendering is used instead of "react-test-renderer". Existing snapshots are updated. --- package.json | 1 - src/components/DefinedRange.test.js | 11 +- .../__snapshots__/DefinedRange.test.js.snap | 1446 +++++++++++++++-- yarn.lock | 31 - 4 files changed, 1317 insertions(+), 172 deletions(-) diff --git a/package.json b/package.json index 24d23fc3b..874a09a27 100644 --- a/package.json +++ b/package.json @@ -74,7 +74,6 @@ "react": "^16.2.0", "react-dom": "^16.2.0", "react-hot-loader": "^3.1.3", - "react-test-renderer": "16.7.0", "style-loader": "^0.19.1", "webpack": "^3.10.0", "webpack-dev-server": "^2.9.7", diff --git a/src/components/DefinedRange.test.js b/src/components/DefinedRange.test.js index 43159cb8f..9e9711c61 100644 --- a/src/components/DefinedRange.test.js +++ b/src/components/DefinedRange.test.js @@ -1,9 +1,8 @@ import React from 'react'; -import { mount } from 'enzyme'; +import { mount, shallow } from 'enzyme'; import DefinedRange from './DefinedRange'; import { isSameDay } from 'date-fns'; -import testRenderer from 'react-test-renderer'; describe('DefinedRange tests', () => { test('Should call "renderStaticRangeLabel" callback correct amount of times according to the "hasCustomRendering" option', () => { @@ -76,8 +75,7 @@ describe('DefinedRange tests', () => { return result; }; - const tree = testRenderer - .create( + const wrapper = shallow( { ]} renderStaticRangeLabel={renderStaticRangeLabel} /> - ) - .toJSON(); + ); - expect(tree).toMatchSnapshot(); + expect(wrapper).toMatchSnapshot(); }); }); diff --git a/src/components/__snapshots__/DefinedRange.test.js.snap b/src/components/__snapshots__/DefinedRange.test.js.snap index d31d408b4..1f8b93115 100644 --- a/src/components/__snapshots__/DefinedRange.test.js.snap +++ b/src/components/__snapshots__/DefinedRange.test.js.snap @@ -1,142 +1,1322 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DefinedRange tests Should render dynamic static label contents correctly 1`] = ` -
-
- - - - -
-
-
- - - days up to today - -
-
- - - days starting today - -
-
-
+ + + + +
, +
+
+ + + days up to today + +
+
+ + + days starting today + +
+
, + undefined, + ], + "className": "rdrDefinedRangesWrapper", + }, + "ref": null, + "rendered": Array [ + undefined, + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": Array [ + , + , + , + , + ], + "className": "rdrStaticRanges", + }, + "ref": null, + "rendered": Array [ + Object { + "instance": null, + "key": "0", + "nodeType": "host", + "props": Object { + "children": + + Italic Content + + , + "className": "rdrStaticRange", + "onClick": [Function], + "onFocus": [Function], + "onMouseLeave": [Function], + "onMouseOver": [Function], + "style": Object { + "color": null, + }, + "type": "button", + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": + Italic Content + , + "className": "rdrStaticRangeLabel", + "tabIndex": -1, + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "Italic Content", + "className": "italic-label-content", + }, + "ref": null, + "rendered": "Italic Content", + "type": "i", + }, + "type": "span", + }, + "type": "button", + }, + Object { + "instance": null, + "key": "1", + "nodeType": "host", + "props": Object { + "children": + Static Label + , + "className": "rdrStaticRange", + "onClick": [Function], + "onFocus": [Function], + "onMouseLeave": [Function], + "onMouseOver": [Function], + "style": Object { + "color": null, + }, + "type": "button", + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "Static Label", + "className": "rdrStaticRangeLabel", + "tabIndex": -1, + }, + "ref": null, + "rendered": "Static Label", + "type": "span", + }, + "type": "button", + }, + Object { + "instance": null, + "key": "2", + "nodeType": "host", + "props": Object { + "children": + + , + "className": "rdrStaticRange", + "onClick": [Function], + "onFocus": [Function], + "onMouseLeave": [Function], + "onMouseOver": [Function], + "style": Object { + "color": null, + }, + "type": "button", + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": , + "className": "rdrStaticRangeLabel", + "tabIndex": -1, + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "className": "random-image", + }, + "ref": null, + "rendered": null, + "type": "img", + }, + "type": "span", + }, + "type": "button", + }, + Object { + "instance": null, + "key": "3", + "nodeType": "host", + "props": Object { + "children": + + Bold Content + + , + "className": "rdrStaticRange", + "onClick": [Function], + "onFocus": [Function], + "onMouseLeave": [Function], + "onMouseOver": [Function], + "style": Object { + "color": null, + }, + "type": "button", + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": + Bold Content + , + "className": "rdrStaticRangeLabel", + "tabIndex": -1, + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "Bold Content", + "className": "bold-label-content", + }, + "ref": null, + "rendered": "Bold Content", + "type": "b", + }, + "type": "span", + }, + "type": "button", + }, + ], + "type": "div", + }, + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": Array [ +
+ + + days up to today + +
, +
+ + + days starting today + +
, + ], + "className": "rdrInputRanges", + }, + "ref": null, + "rendered": Array [ + Object { + "instance": null, + "key": "0", + "nodeType": "host", + "props": Object { + "children": Array [ + , + + days up to today + , + ], + "className": "rdrInputRange", + }, + "ref": null, + "rendered": Array [ + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "className": "rdrInputRangeInput", + "max": 99999, + "min": 0, + "onBlur": [Function], + "onChange": [Function], + "onFocus": [Function], + "value": "-", + }, + "ref": null, + "rendered": null, + "type": "input", + }, + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "days up to today", + "className": undefined, + }, + "ref": null, + "rendered": "days up to today", + "type": "span", + }, + ], + "type": "div", + }, + Object { + "instance": null, + "key": "1", + "nodeType": "host", + "props": Object { + "children": Array [ + , + + days starting today + , + ], + "className": "rdrInputRange", + }, + "ref": null, + "rendered": Array [ + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "className": "rdrInputRangeInput", + "max": 99999, + "min": 0, + "onBlur": [Function], + "onChange": [Function], + "onFocus": [Function], + "value": "-", + }, + "ref": null, + "rendered": null, + "type": "input", + }, + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "days starting today", + "className": undefined, + }, + "ref": null, + "rendered": "days starting today", + "type": "span", + }, + ], + "type": "div", + }, + ], + "type": "div", + }, + undefined, + ], + "type": "div", + }, + Symbol(enzyme.__nodes__): Array [ + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": Array [ + undefined, +
+ + + + +
, +
+
+ + + days up to today + +
+
+ + + days starting today + +
+
, + undefined, + ], + "className": "rdrDefinedRangesWrapper", + }, + "ref": null, + "rendered": Array [ + undefined, + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": Array [ + , + , + , + , + ], + "className": "rdrStaticRanges", + }, + "ref": null, + "rendered": Array [ + Object { + "instance": null, + "key": "0", + "nodeType": "host", + "props": Object { + "children": + + Italic Content + + , + "className": "rdrStaticRange", + "onClick": [Function], + "onFocus": [Function], + "onMouseLeave": [Function], + "onMouseOver": [Function], + "style": Object { + "color": null, + }, + "type": "button", + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": + Italic Content + , + "className": "rdrStaticRangeLabel", + "tabIndex": -1, + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "Italic Content", + "className": "italic-label-content", + }, + "ref": null, + "rendered": "Italic Content", + "type": "i", + }, + "type": "span", + }, + "type": "button", + }, + Object { + "instance": null, + "key": "1", + "nodeType": "host", + "props": Object { + "children": + Static Label + , + "className": "rdrStaticRange", + "onClick": [Function], + "onFocus": [Function], + "onMouseLeave": [Function], + "onMouseOver": [Function], + "style": Object { + "color": null, + }, + "type": "button", + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "Static Label", + "className": "rdrStaticRangeLabel", + "tabIndex": -1, + }, + "ref": null, + "rendered": "Static Label", + "type": "span", + }, + "type": "button", + }, + Object { + "instance": null, + "key": "2", + "nodeType": "host", + "props": Object { + "children": + + , + "className": "rdrStaticRange", + "onClick": [Function], + "onFocus": [Function], + "onMouseLeave": [Function], + "onMouseOver": [Function], + "style": Object { + "color": null, + }, + "type": "button", + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": , + "className": "rdrStaticRangeLabel", + "tabIndex": -1, + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "className": "random-image", + }, + "ref": null, + "rendered": null, + "type": "img", + }, + "type": "span", + }, + "type": "button", + }, + Object { + "instance": null, + "key": "3", + "nodeType": "host", + "props": Object { + "children": + + Bold Content + + , + "className": "rdrStaticRange", + "onClick": [Function], + "onFocus": [Function], + "onMouseLeave": [Function], + "onMouseOver": [Function], + "style": Object { + "color": null, + }, + "type": "button", + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": + Bold Content + , + "className": "rdrStaticRangeLabel", + "tabIndex": -1, + }, + "ref": null, + "rendered": Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "Bold Content", + "className": "bold-label-content", + }, + "ref": null, + "rendered": "Bold Content", + "type": "b", + }, + "type": "span", + }, + "type": "button", + }, + ], + "type": "div", + }, + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": Array [ +
+ + + days up to today + +
, +
+ + + days starting today + +
, + ], + "className": "rdrInputRanges", + }, + "ref": null, + "rendered": Array [ + Object { + "instance": null, + "key": "0", + "nodeType": "host", + "props": Object { + "children": Array [ + , + + days up to today + , + ], + "className": "rdrInputRange", + }, + "ref": null, + "rendered": Array [ + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "className": "rdrInputRangeInput", + "max": 99999, + "min": 0, + "onBlur": [Function], + "onChange": [Function], + "onFocus": [Function], + "value": "-", + }, + "ref": null, + "rendered": null, + "type": "input", + }, + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "days up to today", + "className": undefined, + }, + "ref": null, + "rendered": "days up to today", + "type": "span", + }, + ], + "type": "div", + }, + Object { + "instance": null, + "key": "1", + "nodeType": "host", + "props": Object { + "children": Array [ + , + + days starting today + , + ], + "className": "rdrInputRange", + }, + "ref": null, + "rendered": Array [ + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "className": "rdrInputRangeInput", + "max": 99999, + "min": 0, + "onBlur": [Function], + "onChange": [Function], + "onFocus": [Function], + "value": "-", + }, + "ref": null, + "rendered": null, + "type": "input", + }, + Object { + "instance": null, + "key": undefined, + "nodeType": "host", + "props": Object { + "children": "days starting today", + "className": undefined, + }, + "ref": null, + "rendered": "days starting today", + "type": "span", + }, + ], + "type": "div", + }, + ], + "type": "div", + }, + undefined, + ], + "type": "div", + }, + ], + Symbol(enzyme.__options__): Object { + "adapter": ReactSixteenAdapter { + "options": Object { + "enableComponentDidUpdateOnSetState": true, + }, + }, + }, +} `; diff --git a/yarn.lock b/yarn.lock index 5032907c3..6ef9a6374 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5948,14 +5948,6 @@ prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.6.0: loose-envify "^1.3.1" object-assign "^4.1.1" -prop-types@^15.6.2: - version "15.6.2" - resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102" - integrity sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ== - dependencies: - loose-envify "^1.3.1" - object-assign "^4.1.1" - proxy-addr@~2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.2.tgz#6571504f47bb988ec8180253f85dd7e14952bdec" @@ -6119,11 +6111,6 @@ react-hot-loader@^3.1.3: redbox-react "^1.3.6" source-map "^0.6.1" -react-is@^16.7.0: - version "16.7.0" - resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.7.0.tgz#c1bd21c64f1f1364c6f70695ec02d69392f41bfa" - integrity sha512-Z0VRQdF4NPDoI0tsXVMLkJLiwEBa+RP66g0xDHxgxysxSoCUccSten4RTF/UFvZF1dZvZ9Zu1sx+MDXwcOR34g== - react-list@^0.8.8: version "0.8.8" resolved "https://registry.yarnpkg.com/react-list/-/react-list-0.8.8.tgz#de2cb768dd210fb3e4835b9277f158e9cd403078" @@ -6145,16 +6132,6 @@ react-reconciler@^0.7.0: object-assign "^4.1.1" prop-types "^15.6.0" -react-test-renderer@16.7.0: - version "16.7.0" - resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.7.0.tgz#1ca96c2b450ab47c36ba92cd8c03fcefc52ea01c" - integrity sha512-tFbhSjknSQ6+ttzmuGdv+SjQfmvGcq3PFKyPItohwhhOBmRoTf1We3Mlt3rJtIn85mjPXOkKV+TaKK4irvk9Yg== - dependencies: - object-assign "^4.1.1" - prop-types "^15.6.2" - react-is "^16.7.0" - scheduler "^0.12.0" - react-test-renderer@^16.0.0-0: version "16.2.0" resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.2.0.tgz#bddf259a6b8fcd8555f012afc8eacc238872a211" @@ -6581,14 +6558,6 @@ sax@^1.2.1, sax@^1.2.4, sax@~1.2.1: version "1.2.4" resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9" -scheduler@^0.12.0: - version "0.12.0" - resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.12.0.tgz#8ab17699939c0aedc5a196a657743c496538647b" - integrity sha512-t7MBR28Akcp4Jm+QoR63XgAi9YgCUmgvDHqf5otgAj4QvdoBE4ImCX0ffehefePPG+aitiYHp0g/mW6s4Tp+dw== - dependencies: - loose-envify "^1.1.0" - object-assign "^4.1.1" - schema-utils@^0.3.0: version "0.3.0" resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.3.0.tgz#f5877222ce3e931edae039f17eb3716e7137f8cf"