diff --git a/package.json b/package.json index ff202abeacc..f7b8aaf9237 100644 --- a/package.json +++ b/package.json @@ -33,6 +33,9 @@ "@babel/preset-react": "^7.0.0", "@babel/preset-typescript": "^7.9.0", "@octokit/rest": "^16.43.2", + "@testing-library/jest-dom": "^5.16.2", + "@testing-library/react": "^12.1.2", + "@testing-library/user-event": "^13.5.0", "@types/enzyme": "3.9.0", "@types/jest": "27.0.2", "@types/react": "^17.0.0", diff --git a/packages/eslint-plugin-patternfly-react/lib/rules/no-anonymous-functions.js b/packages/eslint-plugin-patternfly-react/lib/rules/no-anonymous-functions.js index f103815a8c9..cd782a46a39 100644 --- a/packages/eslint-plugin-patternfly-react/lib/rules/no-anonymous-functions.js +++ b/packages/eslint-plugin-patternfly-react/lib/rules/no-anonymous-functions.js @@ -2,8 +2,7 @@ module.exports = { meta: { docs: { - description: - "Don't use arrow functions or classes without a displayName so Enzyme and React devtools show component name", + description: "Don't use arrow functions or classes without a displayName so React devtools show component name", category: 'Possible Errors', recommended: false }, diff --git a/packages/react-catalog-view-extension/src/components/CatalogItemHeader/CatalogItemHeader.test.tsx b/packages/react-catalog-view-extension/src/components/CatalogItemHeader/CatalogItemHeader.test.tsx index 756fde4e3b7..90e3a3e2f31 100644 --- a/packages/react-catalog-view-extension/src/components/CatalogItemHeader/CatalogItemHeader.test.tsx +++ b/packages/react-catalog-view-extension/src/components/CatalogItemHeader/CatalogItemHeader.test.tsx @@ -1,9 +1,9 @@ import { CatalogItemHeader } from './CatalogItemHeader'; import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; test('simple catalog item header', () => { - const view = shallow( + const view = render( { } /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-catalog-view-extension/src/components/CatalogItemHeader/__snapshots__/CatalogItemHeader.test.tsx.snap b/packages/react-catalog-view-extension/src/components/CatalogItemHeader/__snapshots__/CatalogItemHeader.test.tsx.snap index 3ac2127d854..bdf0c97855b 100644 --- a/packages/react-catalog-view-extension/src/components/CatalogItemHeader/__snapshots__/CatalogItemHeader.test.tsx.snap +++ b/packages/react-catalog-view-extension/src/components/CatalogItemHeader/__snapshots__/CatalogItemHeader.test.tsx.snap @@ -1,29 +1,31 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`simple catalog item header 1`] = ` -
-
+
-

- PatternFly -

-
- - provided by - - Red Hat - - -
-
-
+

+ PatternFly +

+
+ + provided by + + Red Hat + + +
+ + + `; diff --git a/packages/react-catalog-view-extension/src/components/CatalogTile/CatalogTile.test.tsx b/packages/react-catalog-view-extension/src/components/CatalogTile/CatalogTile.test.tsx index 4bddc8267bb..dd7d34d8e5e 100644 --- a/packages/react-catalog-view-extension/src/components/CatalogTile/CatalogTile.test.tsx +++ b/packages/react-catalog-view-extension/src/components/CatalogTile/CatalogTile.test.tsx @@ -1,13 +1,14 @@ import * as React from 'react'; import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon'; import OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon'; -import { mount } from 'enzyme'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; import { CatalogTile } from './CatalogTile'; import { CatalogTileBadge } from './CatalogTileBadge'; test('CatalogTile renders properly', () => { - const component = mount( + const result = render(
{ />
); - expect(component).toMatchSnapshot(); + expect(result.container).toMatchSnapshot(); }); test('CatalogTile href renders properly', () => { - const view = mount( + const view = render( { description="1234567890123" /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('CatalogTile onClick behaves properly', () => { const onClickMock = jest.fn(); - const view = mount( + render( { /> ); - view - .find('#test-on-click.test-click-class') - .hostNodes() - .simulate('click'); + userEvent.click(screen.getByText('Patternfly')); expect(onClickMock).toBeCalled(); }); diff --git a/packages/react-catalog-view-extension/src/components/CatalogTile/__snapshots__/CatalogTile.test.tsx.snap b/packages/react-catalog-view-extension/src/components/CatalogTile/__snapshots__/CatalogTile.test.tsx.snap index 991bb9e120c..220aff35688 100644 --- a/packages/react-catalog-view-extension/src/components/CatalogTile/__snapshots__/CatalogTile.test.tsx.snap +++ b/packages/react-catalog-view-extension/src/components/CatalogTile/__snapshots__/CatalogTile.test.tsx.snap @@ -1,1356 +1,455 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`CatalogTile href renders properly 1`] = ` - - + - - -
-
- Patternfly -
-
- Provided by Red Hat -
-
- - +
-
+
+
+
+ -
- - 1234567890123 - -
-
- - - - + 1234567890123 + +
+
+ + `; exports[`CatalogTile renders properly 1`] = `
- - - , - - - , - ] - } - className="" - description="A community of designers and developers collaborating to build a UI framework for enterprise web applications." - featured={true} - footer={null} - href={null} - icon={null} - iconAlt="" - iconClass="" - iconImg={null} - id="single-badge-test" - onClick={null} - title="Patternfly" - vendor={ - - Provided by - - Red Hat - - - } - > - + - - - +
- - , - +
- - , - ] - } - className="" - description="Simple collaboration from your desktop." - featured={false} - footer={null} - href={null} - icon={null} - iconAlt="" - iconClass="" - iconImg={null} - id="multi-badge-test" - onClick={null} - title="GitHub Desktop" - vendor="provided by GitHub" - > - + Provided by + + Red Hat + + +
+
+
+
+ + A community of designers and developers collaborating to build a UI framework for enterprise web applications. + +
+
+
+
- +
- -
+ - - } - popperMatchesTriggerWidth={false} - positionModifiers={ - Object { - "bottom": "pf-m-bottom", - "bottom-end": "pf-m-bottom-right", - "bottom-start": "pf-m-bottom-left", - "left": "pf-m-left", - "left-end": "pf-m-left-bottom", - "left-start": "pf-m-left-top", - "right": "pf-m-right", - "right-end": "pf-m-right-bottom", - "right-start": "pf-m-right-top", - "top": "pf-m-top", - "top-end": "pf-m-top-right", - "top-start": "pf-m-top-left", - } - } - trigger={ - - - - Certified - - - } - zIndex={9999} - > - - - - - - - - - Certified - - - - - - - - - - - - - - USDA Approved - -
- } - popperMatchesTriggerWidth={false} - positionModifiers={ - Object { - "bottom": "pf-m-bottom", - "bottom-end": "pf-m-bottom-right", - "bottom-start": "pf-m-bottom-left", - "left": "pf-m-left", - "left-end": "pf-m-left-bottom", - "left-start": "pf-m-left-top", - "right": "pf-m-right", - "right-end": "pf-m-right-bottom", - "right-start": "pf-m-right-top", - "top": "pf-m-top", - "top-end": "pf-m-top-right", - "top-start": "pf-m-top-left", - } - } - trigger={ - - - - USDA Approved - - - } - zIndex={9999} - > - - - - - - - - - USDA Approved - - - - - - - -
-
- -
- - -
-
- GitHub Desktop -
-
- provided by GitHub -
-
- - -
-
+ + + + Certified + + + + - Simple collaboration from your desktop. + + + USDA Approved + -
+
- +
+ +
+
+ GitHub Desktop +
+
+ provided by GitHub +
- - - +
- - , - ] - } - className="" - description="An online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets." - featured={false} - footer={null} - href={null} - icon={null} - iconAlt="" - iconClass="fa fa-codepen" - iconImg={null} - id="test-iconClass" - onClick={null} - title="CodePen" - vendor="provided by CodePen" - > - + Simple collaboration from your desktop. + +
+ + +
- -
- - -
-
- - - - - - - USDA Approved - -
- } - popperMatchesTriggerWidth={false} - positionModifiers={ - Object { - "bottom": "pf-m-bottom", - "bottom-end": "pf-m-bottom-right", - "bottom-start": "pf-m-bottom-left", - "left": "pf-m-left", - "left-end": "pf-m-left-bottom", - "left-start": "pf-m-left-top", - "right": "pf-m-right", - "right-end": "pf-m-right-bottom", - "right-start": "pf-m-right-top", - "top": "pf-m-top", - "top-end": "pf-m-top-right", - "top-start": "pf-m-top-left", - } - } - trigger={ - - - - USDA Approved - - - } - zIndex={9999} - > - - - - - - - - - USDA Approved - - - - - - - -
-
- -
- - -
-
- CodePen -
-
- provided by CodePen -
-
- - +
-
+ - An online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets. + + + USDA Approved + -
+
- +
- - - +
- - , - ] - } - className="" - description="1234567890123" - featured={true} - footer={ - - - Enabled - - } - href="https://github.com/patternfly/patternfly-react" - icon={null} - iconAlt="" - iconClass="" - iconImg={null} - id="tile-footer-test" - onClick={null} - title="Patternfly-React" - vendor="provided by Red Hat" - > - +
+ provided by CodePen +
+
+
+
+ + An online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets. + +
+
+ + - - -
- -
-
- - - - - - - Certified - -
- } - popperMatchesTriggerWidth={false} - positionModifiers={ - Object { - "bottom": "pf-m-bottom", - "bottom-end": "pf-m-bottom-right", - "bottom-start": "pf-m-bottom-left", - "left": "pf-m-left", - "left-end": "pf-m-left-bottom", - "left-start": "pf-m-left-top", - "right": "pf-m-right", - "right-end": "pf-m-right-bottom", - "right-start": "pf-m-right-top", - "top": "pf-m-top", - "top-end": "pf-m-top-right", - "top-start": "pf-m-top-left", - } - } - trigger={ - - - - Certified - - - } - zIndex={9999} - > - - - - - - - - - Certified - - - - - - - -
-
- - - - -
-
- Patternfly-React -
-
- provided by Red Hat -
-
- - -
-
- - 1234567890123 - -
-
- -
- - - Enabled + + Certified + +
- - - - - + +
- - - } - iconAlt="" - iconClass="" - iconImg={null} - id="custom-icon-svg-test" - onClick={null} - title="Custom SVG" - vendor={null} - > - + Patternfly-React +
+
+ provided by Red Hat +
+ +
+
+ + 1234567890123 + +
+
+
+ + + Enabled + +
+ + - - -
- - - - - -
- - -
-
- Custom SVG -
-
- - - - + + + + +
+
+ Custom SVG +
+
+ + `; diff --git a/packages/react-catalog-view-extension/src/components/PropertiesSidePanel/PropertiesSidePanel.test.tsx b/packages/react-catalog-view-extension/src/components/PropertiesSidePanel/PropertiesSidePanel.test.tsx index d937e16022b..a75f608367c 100644 --- a/packages/react-catalog-view-extension/src/components/PropertiesSidePanel/PropertiesSidePanel.test.tsx +++ b/packages/react-catalog-view-extension/src/components/PropertiesSidePanel/PropertiesSidePanel.test.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import OkIcon from '@patternfly/react-icons/dist/esm/icons/ok-icon'; import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; import GlobeIcon from '@patternfly/react-icons/dist/esm/icons/globe-icon'; @@ -7,14 +7,14 @@ import GlobeIcon from '@patternfly/react-icons/dist/esm/icons/globe-icon'; import { PropertiesSidePanel, PropertyItem } from './'; test('PropertyItem renders properly', () => { - const component = mount( + const component = render( ); - expect(component.render()).toMatchSnapshot(); + expect(component.container).toMatchSnapshot(); }); test('PropertiesSidePanel renders properly', () => { - const component = mount( + const component = render( { Red Hat} /> ); - expect(component.render()).toMatchSnapshot(); + expect(component.container).toMatchSnapshot(); }); diff --git a/packages/react-catalog-view-extension/src/components/PropertiesSidePanel/__snapshots__/PropertiesSidePanel.test.tsx.snap b/packages/react-catalog-view-extension/src/components/PropertiesSidePanel/__snapshots__/PropertiesSidePanel.test.tsx.snap index e59dde946a1..a9ad3cc3456 100644 --- a/packages/react-catalog-view-extension/src/components/PropertiesSidePanel/__snapshots__/PropertiesSidePanel.test.tsx.snap +++ b/packages/react-catalog-view-extension/src/components/PropertiesSidePanel/__snapshots__/PropertiesSidePanel.test.tsx.snap @@ -1,228 +1,232 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`PropertiesSidePanel renders properly 1`] = ` -
+
-
- Operator Version -
- 0.9.8 (latest) + class="properties-side-panel-pf-property test-property-item-class" + > +
+ Operator Version +
+
+ 0.9.8 (latest) +
-
-
-
- Certified Level -
- - - Certified - + class="properties-side-panel-pf-property" + > +
+ Certified Level +
+
+ + + Certified + +
-
-
-
- Provider -
- Red Hat, Inc + class="properties-side-panel-pf-property" + > +
+ Provider +
+
+ Red Hat, Inc +
-
-
-
- Health Index -
- A + class="properties-side-panel-pf-property" + > +
+ Health Index +
+
+ A +
-
-
-
- Repository -
- +
+ Repository +
+
- https://quay.io/repository/redhat/prometheus-operator - + + https://quay.io/repository/redhat/prometheus-operator + +
-
-
-
- Container Image -
- - 0.22.2 -
+ Container Image +
+
+ - - - + 0.22.2 + + +
-
-
-
- Created At -
- -
+ Created At +
+
+ + + Aug 23, 1:58pm + +
+
+
+
+ Support +
+
+ - - - Aug 23, 1:58pm - + Red Hat + +
+
+`; + +exports[`PropertyItem renders properly 1`] = ` +
- Support + Operator Version
- - Red Hat - + 0.9.8 (latest)
`; - -exports[`PropertyItem renders properly 1`] = ` -
-
- Operator Version -
-
- 0.9.8 (latest) -
-
-`; diff --git a/packages/react-catalog-view-extension/src/components/VerticalTabs/VerticalTabs.test.tsx b/packages/react-catalog-view-extension/src/components/VerticalTabs/VerticalTabs.test.tsx index 9f0e684e5f7..e182d255cb4 100644 --- a/packages/react-catalog-view-extension/src/components/VerticalTabs/VerticalTabs.test.tsx +++ b/packages/react-catalog-view-extension/src/components/VerticalTabs/VerticalTabs.test.tsx @@ -1,11 +1,12 @@ import React from 'react'; -import { mount } from 'enzyme'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; import { VerticalTabs } from './VerticalTabs'; import { VerticalTabsTab } from './VerticalTabsTab'; test('Vertical Tabs renders tabs properly', () => { - const component = mount( + const component = render( @@ -40,11 +41,11 @@ test('Vertical Tabs renders tabs properly', () => { ); - expect(component).toMatchSnapshot(); + expect(component.container).toMatchSnapshot(); }); test('Vertical Tabs renders restricted tabs properly', () => { - const component = mount( + const component = render( @@ -79,21 +80,21 @@ test('Vertical Tabs renders restricted tabs properly', () => { ); - expect(component).toMatchSnapshot(); + expect(component.container).toMatchSnapshot(); }); test('Vertical Tabs Tab onActivate is called correctly', () => { const onActivateMock = jest.fn(); - const component = mount(); - component.find('#text-click > a').simulate('click'); + const component = render(); + userEvent.click(screen.getByText('Click Me')); - expect(component).toMatchSnapshot(); + expect(component.container).toMatchSnapshot(); expect(onActivateMock).toBeCalled(); }); test('Vertical Tabs Tab wrap styling is set correctly', () => { - const component = mount( + const component = render(
@@ -102,5 +103,5 @@ test('Vertical Tabs Tab wrap styling is set correctly', () => {
); - expect(component).toMatchSnapshot(); + expect(component.container).toMatchSnapshot(); }); diff --git a/packages/react-catalog-view-extension/src/components/VerticalTabs/__snapshots__/VerticalTabs.test.tsx.snap b/packages/react-catalog-view-extension/src/components/VerticalTabs/__snapshots__/VerticalTabs.test.tsx.snap index 2940c4f192c..9fe4e38100d 100644 --- a/packages/react-catalog-view-extension/src/components/VerticalTabs/__snapshots__/VerticalTabs.test.tsx.snap +++ b/packages/react-catalog-view-extension/src/components/VerticalTabs/__snapshots__/VerticalTabs.test.tsx.snap @@ -1,834 +1,495 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Vertical Tabs Tab onActivate is called correctly 1`] = ` - + `; exports[`Vertical Tabs Tab wrap styling is set correctly 1`] = ` `; exports[`Vertical Tabs renders restricted tabs properly 1`] = ` - +
- +
`; exports[`Vertical Tabs renders tabs properly 1`] = ` - +
- +
`; diff --git a/packages/react-charts/src/components/Chart/Chart.test.tsx b/packages/react-charts/src/components/Chart/Chart.test.tsx index 3354f9e0279..83d360793a3 100644 --- a/packages/react-charts/src/components/Chart/Chart.test.tsx +++ b/packages/react-charts/src/components/Chart/Chart.test.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chart } from './Chart'; import { ChartGroup } from '../ChartGroup'; import { ChartLine } from '../ChartLine'; Object.values([true, false]).forEach(() => { test('Chart', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders axis and component children', () => { - const view = shallow( + const view = render( { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/Chart/__snapshots__/Chart.test.tsx.snap b/packages/react-charts/src/components/Chart/__snapshots__/Chart.test.tsx.snap index a9b648eae38..8c19b5e3025 100644 --- a/packages/react-charts/src/components/Chart/__snapshots__/Chart.test.tsx.snap +++ b/packages/react-charts/src/components/Chart/__snapshots__/Chart.test.tsx.snap @@ -1,2851 +1,1228 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Chart 1`] = ` - - } - height={300} - padding={ - Object { - "bottom": 50, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} -/> +
+
+ + + + + + + + 0.2 + + + + + + + + 0.4 + + + + + + + + 0.6 + + + + + + + + 0.8 + + + + + + + + 1.0 + + + + + + + + + + + 0.2 + + + + + + + + 0.4 + + + + + + + + 0.6 + + + + + + + + 0.8 + + + + + + + + 1.0 + + + + + +
+ +
+
+
`; exports[`Chart 2`] = ` - - } - height={300} - padding={ - Object { - "bottom": 50, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} -/> +
+
+ + + + + + + + 0.2 + + + + + + + + 0.4 + + + + + + + + 0.6 + + + + + + + + 0.8 + + + + + + + + 1.0 + + + + + + + + + + + 0.2 + + + + + + + + 0.4 + + + + + + + + 0.6 + + + + + + + + 0.8 + + + + + + + + 1.0 + + + + + +
+ +
+
+
`; exports[`renders axis and component children 1`] = ` - - } - height={200} - minDomain={ - Object { - "y": 0, - } - } - padding={ - Object { - "bottom": 50, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - - - - - +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1.0 + + + + + + + + 1.5 + + + + + + + + 2.0 + + + + + + + + 2.5 + + + + + + + + 3.0 + + + + + + + + 3.5 + + + + + + + + 4.0 + + + + + + + + + + + 2 + + + + + + + + 4 + + + + + + + + 6 + + + + + + + + 8 + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartArea/ChartArea.test.tsx b/packages/react-charts/src/components/ChartArea/ChartArea.test.tsx index 5121379a058..6eabe19cb34 100644 --- a/packages/react-charts/src/components/ChartArea/ChartArea.test.tsx +++ b/packages/react-charts/src/components/ChartArea/ChartArea.test.tsx @@ -1,16 +1,16 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartArea } from '../ChartArea'; Object.values([true, false]).forEach(() => { test('ChartArea', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { ]} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartArea/__snapshots__/ChartArea.test.tsx.snap b/packages/react-charts/src/components/ChartArea/__snapshots__/ChartArea.test.tsx.snap index a2367d09d9d..3990c06f09b 100644 --- a/packages/react-charts/src/components/ChartArea/__snapshots__/ChartArea.test.tsx.snap +++ b/packages/react-charts/src/components/ChartArea/__snapshots__/ChartArea.test.tsx.snap @@ -1,2842 +1,157 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartArea 1`] = ` - - } - dataComponent={ - } - pathComponent={} - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={ - } - clipPathComponent={} - groupComponent={} - rectComponent={} - /> - } - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - renderInPortal={true} - textComponent={} - tspanComponent={} - /> - } - samples={50} - sortKey="x" - sortOrder="ascending" - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ + + + + + + + + + +
+ +
+
+
`; exports[`ChartArea 2`] = ` - - } - dataComponent={ - } - pathComponent={} - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={ - } - clipPathComponent={} - groupComponent={} - rectComponent={} - /> - } - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - renderInPortal={true} - textComponent={} - tspanComponent={} - /> - } - samples={50} - sortKey="x" - sortOrder="ascending" - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ + + + + + + + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` - - } - data={ - Array [ - Object { - "name": "Cats", - "x": 1, - "y": 1, - }, - Object { - "name": "Cats", - "x": 2, - "y": 2, - }, - Object { - "name": "Cats", - "x": 3, - "y": 3.2, - }, - Object { - "name": "Cats", - "x": 4, - "y": 3.5, - }, - ] - } - dataComponent={ - } - pathComponent={} - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={ - } - clipPathComponent={} - groupComponent={} - rectComponent={} - /> - } - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - renderInPortal={true} - textComponent={} - tspanComponent={} - /> - } - samples={50} - sortKey="x" - sortOrder="ascending" - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ + + + + + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartAxis/ChartAxis.test.tsx b/packages/react-charts/src/components/ChartAxis/ChartAxis.test.tsx index 84b82b8c4d6..da3b48cb9bc 100644 --- a/packages/react-charts/src/components/ChartAxis/ChartAxis.test.tsx +++ b/packages/react-charts/src/components/ChartAxis/ChartAxis.test.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chart } from '../Chart'; import { ChartAxis } from './ChartAxis'; import { ChartGroup } from '../ChartGroup'; @@ -7,13 +7,13 @@ import { ChartLine } from '../ChartLine'; Object.values([true, false]).forEach(() => { test('ChartAxis', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartAxis/__snapshots__/ChartAxis.test.tsx.snap b/packages/react-charts/src/components/ChartAxis/__snapshots__/ChartAxis.test.tsx.snap index aff44b96e5d..856709591a4 100644 --- a/packages/react-charts/src/components/ChartAxis/__snapshots__/ChartAxis.test.tsx.snap +++ b/packages/react-charts/src/components/ChartAxis/__snapshots__/ChartAxis.test.tsx.snap @@ -1,2951 +1,789 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartAxis 1`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - axisLabelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } - containerComponent={ - - } - fixLabelOverlap={false} - gridComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={ - - } - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - tickComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - tickLabelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } -/> +
+
+ + + + + + + 0.0 + + + + + + + + 0.2 + + + + + + + + 0.4 + + + + + + + + 0.6 + + + + + + + + 0.8 + + + + + + + + 1.0 + + + + +
+ +
+
+
`; exports[`ChartAxis 2`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - axisLabelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } - containerComponent={ - - } - fixLabelOverlap={false} - gridComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={ - - } - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - tickComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - tickLabelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } -/> +
+
+ + + + + + + 0.0 + + + + + + + + 0.2 + + + + + + + + 0.4 + + + + + + + + 0.6 + + + + + + + + 0.8 + + + + + + + + 1.0 + + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` - - } - domainPadding={ - Object { - "x": Array [ - 30, - 25, - ], - } - } - height={200} - padding={ - Object { - "bottom": 50, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={300} -> - - - - - - - - - +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + + + + + + 3 + + + + + + + + 4 + + + + + + + + + + + 2 + + + + + + + + 5 + + + + + + + + 8 + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartBar/ChartBar.test.tsx b/packages/react-charts/src/components/ChartBar/ChartBar.test.tsx index e67f9b00c6b..20dee94a345 100644 --- a/packages/react-charts/src/components/ChartBar/ChartBar.test.tsx +++ b/packages/react-charts/src/components/ChartBar/ChartBar.test.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chart } from '../Chart'; import { ChartBar } from './ChartBar'; import { ChartGroup } from '../ChartGroup'; Object.values([true, false]).forEach(() => { test('ChartBar', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBar/__snapshots__/ChartBar.test.tsx.snap b/packages/react-charts/src/components/ChartBar/__snapshots__/ChartBar.test.tsx.snap index 8eeb9be5300..27475dbf02c 100644 --- a/packages/react-charts/src/components/ChartBar/__snapshots__/ChartBar.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBar/__snapshots__/ChartBar.test.tsx.snap @@ -1,2928 +1,747 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBar 1`] = ` - - } - data={ - Array [ - Object { - "x": 1, - "y": 1, - }, - Object { - "x": 2, - "y": 2, - }, - Object { - "x": 3, - "y": 3, - }, - Object { - "x": 4, - "y": 4, - }, - ] - } - dataComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={ - - } - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } - samples={50} - sortOrder="ascending" - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ + + + + + + + +
+ +
+
+
`; exports[`ChartBar 2`] = ` - - } - data={ - Array [ - Object { - "x": 1, - "y": 1, - }, - Object { - "x": 2, - "y": 2, - }, - Object { - "x": 3, - "y": 3, - }, - Object { - "x": 4, - "y": 4, - }, - ] - } - dataComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={ - - } - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } - samples={50} - sortOrder="ascending" - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ + + + + + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` - - } - domainPadding={ - Object { - "x": Array [ - 30, - 25, - ], - } - } - height={200} - padding={ - Object { - "bottom": 50, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={300} -> - +
- - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Cats + + + + + + + + Dogs + + + + + + + + Birds + + + + + + + + Mice + + + + + + + + + + + 2 + + + + + + + + 4 + + + + + + + + 6 + + + + + + + + 8 + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartBullet/ChartBullet.test.tsx b/packages/react-charts/src/components/ChartBullet/ChartBullet.test.tsx index f87dca60d03..55a7a50331a 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBullet.test.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBullet.test.tsx @@ -1,16 +1,16 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartBullet } from './ChartBullet'; Object.values([true, false]).forEach(() => { test('ChartBulletQualitativeRange', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { width={450} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeErrorMeasure.test.tsx b/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeErrorMeasure.test.tsx index 4142bf4fbbe..19f3869d93d 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeErrorMeasure.test.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeErrorMeasure.test.tsx @@ -1,15 +1,15 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartBulletComparativeErrorMeasure } from './ChartBulletComparativeErrorMeasure'; Object.values([true, false]).forEach(() => { test('ChartBulletComparativeErrorMeasure', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeMeasure.test.tsx b/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeMeasure.test.tsx index 795cf6d2b9d..37cae14d94c 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeMeasure.test.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeMeasure.test.tsx @@ -1,15 +1,15 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartBulletComparativeMeasure } from './ChartBulletComparativeMeasure'; Object.values([true, false]).forEach(() => { test('ChartBulletComparativeMeasure', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeWarningMeasure.test.tsx b/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeWarningMeasure.test.tsx index 8047d5195cc..8b001002970 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeWarningMeasure.test.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeWarningMeasure.test.tsx @@ -1,17 +1,17 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartBulletComparativeWarningMeasure } from './ChartBulletComparativeWarningMeasure'; Object.values([true, false]).forEach(() => { test('ChartBulletComparativeZeroMeasure', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBullet/ChartBulletGroupTitle.test.tsx b/packages/react-charts/src/components/ChartBullet/ChartBulletGroupTitle.test.tsx index 93a07b12a5a..b0a8b09e051 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBulletGroupTitle.test.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBulletGroupTitle.test.tsx @@ -1,15 +1,15 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartBulletGroupTitle } from './ChartBulletGroupTitle'; Object.values([true, false]).forEach(() => { test('ChartBulletGroupTitle', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBullet/ChartBulletPrimaryDotMeasure.test.tsx b/packages/react-charts/src/components/ChartBullet/ChartBulletPrimaryDotMeasure.test.tsx index 34b44bcdcdc..9055a648fe6 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBulletPrimaryDotMeasure.test.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBulletPrimaryDotMeasure.test.tsx @@ -1,17 +1,17 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartBulletPrimaryDotMeasure } from './ChartBulletPrimaryDotMeasure'; Object.values([true, false]).forEach(() => { test('ChartBulletPrimaryDotMeasure', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBullet/ChartBulletPrimarySegmentedMeasure.test.tsx b/packages/react-charts/src/components/ChartBullet/ChartBulletPrimarySegmentedMeasure.test.tsx index 35d9ad2128b..c6068abcd93 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBulletPrimarySegmentedMeasure.test.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBulletPrimarySegmentedMeasure.test.tsx @@ -1,17 +1,17 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartBulletPrimarySegmentedMeasure } from './ChartBulletPrimarySegmentedMeasure'; Object.values([true, false]).forEach(() => { test('ChartBulletPrimarySegmentedMeasure', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBullet/ChartBulletQualitativeRange.test.tsx b/packages/react-charts/src/components/ChartBullet/ChartBulletQualitativeRange.test.tsx index 03181879f73..fb1b7982998 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBulletQualitativeRange.test.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBulletQualitativeRange.test.tsx @@ -1,17 +1,17 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartBulletQualitativeRange } from './ChartBulletQualitativeRange'; Object.values([true, false]).forEach(() => { test('ChartBulletQualitativeRange', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBullet/ChartBulletTitle.test.tsx b/packages/react-charts/src/components/ChartBullet/ChartBulletTitle.test.tsx index e65bfe0c0c7..d57ff5bcd78 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBulletTitle.test.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBulletTitle.test.tsx @@ -1,15 +1,15 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartBulletTitle } from './ChartBulletTitle'; Object.values([true, false]).forEach(() => { test('ChartBulletTitle', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBullet.test.tsx.snap b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBullet.test.tsx.snap index 810c9416a82..4badf7ccce8 100644 --- a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBullet.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBullet.test.tsx.snap @@ -1,11251 +1,468 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBulletQualitativeRange 1`] = ` - - - - - +
+ + + + + + + + 0 + + + + + + + + +
+ - } - standalone={false} - width={450} - /> - - } - standalone={false} - width={450} - /> - - } - size={6} - standalone={false} - width={450} - /> - - } - standalone={false} - width={450} - /> - - } - standalone={false} - width={450} - /> - - +
+
+ `; exports[`ChartBulletQualitativeRange 2`] = ` - - - - - - } - standalone={false} - width={450} - /> - - } - standalone={false} - width={450} - /> - +
+ + + + + + + + 0 + + + + + + + + +
+ - } - size={6} - standalone={false} - width={450} - /> - - } - standalone={false} - width={450} - /> - - } - standalone={false} - width={450} - /> - - +
+
+ `; exports[`renders component data 1`] = ` - - - - - - } - labels={[Function]} - standalone={false} - width={450} - /> - - } - labels={[Function]} - standalone={false} - width={450} - /> - - } - labels={[Function]} - size={6} - standalone={false} - width={450} - /> - - } - labels={[Function]} - standalone={false} - width={450} - /> - +
+ + + Bullet chart example + + + Storage capacity + + + + + + + + 0 + + + + + + + + 100 + + + + + + + + 25 + + + + + + + + 50 + + + + + + + + 75 + + + + + + + + + + + + + + + + + + + + +
+ - } - labels={[Function]} - standalone={false} - width={450} - /> - - +
+
+ `; diff --git a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeErrorMeasure.test.tsx.snap b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeErrorMeasure.test.tsx.snap index 9a933921788..b5b26acdad9 100644 --- a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeErrorMeasure.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeErrorMeasure.test.tsx.snap @@ -1,1411 +1,102 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBulletComparativeErrorMeasure 1`] = ` - - - +
+
+ +
+ +
+
+
`; exports[`ChartBulletComparativeErrorMeasure 2`] = ` - - - +
+
+ +
+ +
+
+
`; exports[`renders component data 1`] = ` - - - +
+
+ + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeMeasure.test.tsx.snap b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeMeasure.test.tsx.snap index a7950ca339c..30789d28df3 100644 --- a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeMeasure.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeMeasure.test.tsx.snap @@ -1,510 +1,102 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBulletComparativeMeasure 1`] = ` - +
+
+ +
+ +
+
+
`; exports[`ChartBulletComparativeMeasure 2`] = ` - +
+
+ +
+ +
+
+
`; exports[`renders component data 1`] = ` - - +
+ + + + + +
+ - } - standalone={false} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 140, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#4f5255", - "padding": 8, - "stroke": "#4f5255", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - +
+
+ `; diff --git a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeWarningMeasure.test.tsx.snap b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeWarningMeasure.test.tsx.snap index f6abfcdbae2..ab678e84965 100644 --- a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeWarningMeasure.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletComparativeWarningMeasure.test.tsx.snap @@ -1,1411 +1,102 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBulletComparativeZeroMeasure 1`] = ` - - - +
+
+ +
+ +
+
+
`; exports[`ChartBulletComparativeZeroMeasure 2`] = ` - - - +
+
+ +
+ +
+
+
`; exports[`renders component data 1`] = ` - - - +
+
+ + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletGroupTitle.test.tsx.snap b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletGroupTitle.test.tsx.snap index ce21bc31cb0..2a02ee3fb94 100644 --- a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletGroupTitle.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletGroupTitle.test.tsx.snap @@ -1,61 +1,116 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBulletGroupTitle 1`] = ` - +
+
+ +
+ +
+
+
`; exports[`ChartBulletGroupTitle 2`] = ` - +
+
+ +
+ +
+
+
`; exports[`renders component data 1`] = ` - - - - +
+
+ + + + Text label + + + Measure details + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletPrimaryDotMeasure.test.tsx.snap b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletPrimaryDotMeasure.test.tsx.snap index fe12f215fc5..aa88af457f4 100644 --- a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletPrimaryDotMeasure.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletPrimaryDotMeasure.test.tsx.snap @@ -1,1505 +1,116 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBulletPrimaryDotMeasure 1`] = ` - +
+
+ +
+ +
+
+
`; exports[`ChartBulletPrimaryDotMeasure 2`] = ` - +
+
+ +
+ +
+
+
`; exports[`renders component data 1`] = ` - - - } - size={6} - standalone={false} - style={ - Object { - "data": Object { - "fill": "#06c", - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 140, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - - } - size={6} - standalone={false} - style={ - Object { - "data": Object { - "fill": "#06c", - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 140, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - +
+ + + + + + + + + + + +
+ - } - size={6} - standalone={false} - style={ - Object { - "data": Object { - "fill": "#06c", - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 140, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - +
+
+ `; diff --git a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletPrimarySegmentedMeasure.test.tsx.snap b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletPrimarySegmentedMeasure.test.tsx.snap index 03fb6db21f8..0fffa0ed46d 100644 --- a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletPrimarySegmentedMeasure.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletPrimarySegmentedMeasure.test.tsx.snap @@ -1,1499 +1,140 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBulletPrimarySegmentedMeasure 1`] = ` - +
+
+ +
+ +
+
+
`; exports[`ChartBulletPrimarySegmentedMeasure 2`] = ` - +
+
+ +
+ +
+
+
`; exports[`renders component data 1`] = ` - - - } - standalone={false} - style={ - Object { - "data": Object { - "fill": "#002f5d", - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 140, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - - } - standalone={false} - style={ - Object { - "data": Object { - "fill": "#8bc1f7", - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 140, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - +
+ + + + + + + + + + + +
+ - } - standalone={false} - style={ - Object { - "data": Object { - "fill": "#06c", - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 140, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - +
+
+ `; diff --git a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletQualitativeRange.test.tsx.snap b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletQualitativeRange.test.tsx.snap index 4056ce7295d..8c4315e2ab2 100644 --- a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletQualitativeRange.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletQualitativeRange.test.tsx.snap @@ -1,1499 +1,140 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBulletQualitativeRange 1`] = ` - +
+
+ +
+ +
+
+
`; exports[`ChartBulletQualitativeRange 2`] = ` - +
+
+ +
+ +
+
+
`; exports[`renders component data 1`] = ` - - - } - standalone={false} - style={ - Object { - "data": Object { - "fill": "#b8bbbe", - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#f0f0f0", - "#d2d2d2", - "#b8bbbe", - "#8a8d90", - "#6a6e73", - ], - "height": 140, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - - } - standalone={false} - style={ - Object { - "data": Object { - "fill": "#d2d2d2", - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#f0f0f0", - "#d2d2d2", - "#b8bbbe", - "#8a8d90", - "#6a6e73", - ], - "height": 140, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - +
+ + + + + + + + + + + +
+ - } - standalone={false} - style={ - Object { - "data": Object { - "fill": "#f0f0f0", - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#f0f0f0", - "#d2d2d2", - "#b8bbbe", - "#8a8d90", - "#6a6e73", - ], - "height": 140, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} - /> - +
+
+ `; diff --git a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletTitle.test.tsx.snap b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletTitle.test.tsx.snap index 3c8ab836156..fe0e2a90c6b 100644 --- a/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletTitle.test.tsx.snap +++ b/packages/react-charts/src/components/ChartBullet/__snapshots__/ChartBulletTitle.test.tsx.snap @@ -1,83 +1,108 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartBulletTitle 1`] = ` - - - +
+
+ +
+ +
+
+
`; exports[`ChartBulletTitle 2`] = ` - - - +
+
+ +
+ +
+
+
`; exports[`renders component data 1`] = ` - - - +
+
+ + + + Text label + + + Measure details + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartContainer/ChartContainer.test.tsx b/packages/react-charts/src/components/ChartContainer/ChartContainer.test.tsx index a7ded650c0b..b2b39285b60 100644 --- a/packages/react-charts/src/components/ChartContainer/ChartContainer.test.tsx +++ b/packages/react-charts/src/components/ChartContainer/ChartContainer.test.tsx @@ -1,17 +1,17 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartContainer } from './ChartContainer'; import { ChartLegend } from '../ChartLegend'; Object.values([true, false]).forEach(() => { test('ChartContainer', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders container via ChartLegend', () => { - const view = shallow( + const view = render( { /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartContainer/__snapshots__/ChartContainer.test.tsx.snap b/packages/react-charts/src/components/ChartContainer/__snapshots__/ChartContainer.test.tsx.snap index cf0c6944e3a..e07c160403c 100644 --- a/packages/react-charts/src/components/ChartContainer/__snapshots__/ChartContainer.test.tsx.snap +++ b/packages/react-charts/src/components/ChartContainer/__snapshots__/ChartContainer.test.tsx.snap @@ -1,1395 +1,154 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartContainer 1`] = ` -} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ +
+ +
+
+
`; exports[`ChartContainer 2`] = ` -} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ +
+ +
+
+
`; exports[`renders container via ChartLegend 1`] = ` -} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -> - - +
+
+ + + + + + + + Average number of pets + + + + + Cats + + + + + Dogs + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartCursorContainer/ChartCursorContainer.test.tsx b/packages/react-charts/src/components/ChartCursorContainer/ChartCursorContainer.test.tsx index ad045717f9b..c1b94337fa0 100644 --- a/packages/react-charts/src/components/ChartCursorContainer/ChartCursorContainer.test.tsx +++ b/packages/react-charts/src/components/ChartCursorContainer/ChartCursorContainer.test.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartArea } from '../ChartArea'; import { ChartGroup } from '../ChartGroup'; import { ChartCursorContainer } from './ChartCursorContainer'; Object.values([true, false]).forEach(() => { test('ChartVoronoiContainer', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders container via ChartGroup', () => { - const view = shallow( + const view = render( } height={200} width={200}> { /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartCursorContainer/__snapshots__/ChartCursorContainer.test.tsx.snap b/packages/react-charts/src/components/ChartCursorContainer/__snapshots__/ChartCursorContainer.test.tsx.snap index 3fb55e54879..80ce36172c8 100644 --- a/packages/react-charts/src/components/ChartCursorContainer/__snapshots__/ChartCursorContainer.test.tsx.snap +++ b/packages/react-charts/src/components/ChartCursorContainer/__snapshots__/ChartCursorContainer.test.tsx.snap @@ -1,2861 +1,123 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartVoronoiContainer 1`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - cursorLabelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - tspanComponent={} +
+
+ - } - cursorLabelOffset={ - Object { - "x": 5, - "y": -10, - } - } - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+ +
+
+
`; exports[`ChartVoronoiContainer 2`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - cursorLabelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - tspanComponent={} +
+
+ - } - cursorLabelOffset={ - Object { - "x": 5, - "y": -10, - } - } - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+ +
+
+
`; exports[`renders container via ChartGroup 1`] = ` -} +
+
+ + + + + + + + - } - cursorLabelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} + + + + + + + + - } - cursorLabelOffset={ - Object { - "x": 5, - "y": -10, - } - } - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - /> - } - height={200} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartCursorTooltip/ChartCursorFlyout.test.tsx b/packages/react-charts/src/components/ChartCursorTooltip/ChartCursorFlyout.test.tsx index 61198f92b1e..736974e29af 100644 --- a/packages/react-charts/src/components/ChartCursorTooltip/ChartCursorFlyout.test.tsx +++ b/packages/react-charts/src/components/ChartCursorTooltip/ChartCursorFlyout.test.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartArea } from '../ChartArea'; import { ChartGroup } from '../ChartGroup'; import { ChartCursorFlyout } from './ChartCursorFlyout'; @@ -8,14 +8,14 @@ import { createContainer } from '../ChartUtils'; Object.values([true, false]).forEach(() => { test('ChartTooltip', () => { - const view = shallow(} />); - expect(view).toMatchSnapshot(); + const view = render(} />); + expect(view.container).toMatchSnapshot(); }); }); test('allows tooltip via container component', () => { const CursorVoronoiContainer = createContainer('cursor', 'voronoi'); - const view = shallow( + const view = render( { /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartCursorTooltip/ChartCursorTooltip.test.tsx b/packages/react-charts/src/components/ChartCursorTooltip/ChartCursorTooltip.test.tsx index fd2d5079e18..b6b8ae48d14 100644 --- a/packages/react-charts/src/components/ChartCursorTooltip/ChartCursorTooltip.test.tsx +++ b/packages/react-charts/src/components/ChartCursorTooltip/ChartCursorTooltip.test.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartArea } from '../ChartArea'; import { ChartGroup } from '../ChartGroup'; import { ChartCursorTooltip } from './ChartCursorTooltip'; @@ -7,14 +7,14 @@ import { createContainer } from '../ChartUtils'; Object.values([true, false]).forEach(() => { test('ChartCursorTooltip', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('allows tooltip via container component', () => { const CursorVoronoiContainer = createContainer('cursor', 'voronoi'); - const view = shallow( + const view = render( 'y: ' + point.y} labelComponent={} /> @@ -41,5 +41,5 @@ test('allows tooltip via container component', () => { /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartCursorTooltip/__snapshots__/ChartCursorFlyout.test.tsx.snap b/packages/react-charts/src/components/ChartCursorTooltip/__snapshots__/ChartCursorFlyout.test.tsx.snap index 6ad5ecd6e8c..667f8be8dc4 100644 --- a/packages/react-charts/src/components/ChartCursorTooltip/__snapshots__/ChartCursorFlyout.test.tsx.snap +++ b/packages/react-charts/src/components/ChartCursorTooltip/__snapshots__/ChartCursorFlyout.test.tsx.snap @@ -1,1964 +1,81 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`ChartTooltip 1`] = ` -} - pointerLength={10} - pointerWidth={20} - role="presentation" - shapeRendering="auto" - /> - } - labelComponent={} - labelTextAnchor="start" - pointerOrientation={[Function]} - style={ - Object { - "textAnchor": "start", - } - } - text="This is a tooltip" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> -`; +exports[`ChartTooltip 1`] = `
`; -exports[`ChartTooltip 2`] = ` -} - pointerLength={10} - pointerWidth={20} - role="presentation" - shapeRendering="auto" - /> - } - labelComponent={} - labelTextAnchor="start" - pointerOrientation={[Function]} - style={ - Object { - "textAnchor": "start", - } - } - text="This is a tooltip" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> -`; +exports[`ChartTooltip 2`] = `
`; exports[`allows tooltip via container component 1`] = ` -} +
+
+ + + + + + + + - } - cursorLabelComponent={ - - } - cursorLabelOffset={ - Object { - "x": 5, - "y": -10, - } - } - labelComponent={ - } - role="presentation" - shapeRendering="auto" + + + + + - } + + + - } - labels={[Function]} - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - voronoiPadding={5} - /> - } - height={200} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartCursorTooltip/__snapshots__/ChartCursorTooltip.test.tsx.snap b/packages/react-charts/src/components/ChartCursorTooltip/__snapshots__/ChartCursorTooltip.test.tsx.snap index b10056fbae0..5931a8596f2 100644 --- a/packages/react-charts/src/components/ChartCursorTooltip/__snapshots__/ChartCursorTooltip.test.tsx.snap +++ b/packages/react-charts/src/components/ChartCursorTooltip/__snapshots__/ChartCursorTooltip.test.tsx.snap @@ -1,1954 +1,81 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`ChartCursorTooltip 1`] = ` -} - pointerLength={10} - pointerWidth={20} - role="presentation" - shapeRendering="auto" - /> - } - labelComponent={} - labelTextAnchor="start" - pointerOrientation={[Function]} - style={ - Object { - "textAnchor": "start", - } - } - text="This is a tooltip" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> -`; +exports[`ChartCursorTooltip 1`] = `
`; -exports[`ChartCursorTooltip 2`] = ` -} - pointerLength={10} - pointerWidth={20} - role="presentation" - shapeRendering="auto" - /> - } - labelComponent={} - labelTextAnchor="start" - pointerOrientation={[Function]} - style={ - Object { - "textAnchor": "start", - } - } - text="This is a tooltip" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> -`; +exports[`ChartCursorTooltip 2`] = `
`; exports[`allows tooltip via container component 1`] = ` -} +
+
+ + + + + + + + - } - cursorLabelComponent={ - + + + + + + + - } - cursorLabelOffset={ - Object { - "x": 5, - "y": -10, - } - } - labelComponent={} - labels={[Function]} - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - voronoiPadding={5} - /> - } - height={200} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartDonut/ChartDonut.test.tsx b/packages/react-charts/src/components/ChartDonut/ChartDonut.test.tsx index 8f64f7a0abb..84c116a1de8 100644 --- a/packages/react-charts/src/components/ChartDonut/ChartDonut.test.tsx +++ b/packages/react-charts/src/components/ChartDonut/ChartDonut.test.tsx @@ -1,16 +1,16 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartDonut } from './ChartDonut'; Object.values([true, false]).forEach(() => { test('ChartDonut', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { width={200} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartDonut/__snapshots__/ChartDonut.test.tsx.snap b/packages/react-charts/src/components/ChartDonut/__snapshots__/ChartDonut.test.tsx.snap index 15a9cbf0a01..bdb6aa1af4b 100644 --- a/packages/react-charts/src/components/ChartDonut/__snapshots__/ChartDonut.test.tsx.snap +++ b/packages/react-charts/src/components/ChartDonut/__snapshots__/ChartDonut.test.tsx.snap @@ -1,2780 +1,182 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartDonut 1`] = ` - - +
- - - + + + + + + + + + +
+ +
+
+
`; exports[`ChartDonut 2`] = ` - - +
- - - + + + + + + + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` - - +
- - - + + + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartDonutUtilization/ChartDonutThreshold.test.tsx b/packages/react-charts/src/components/ChartDonutUtilization/ChartDonutThreshold.test.tsx index 1428f97d359..a1dc4b4f386 100644 --- a/packages/react-charts/src/components/ChartDonutUtilization/ChartDonutThreshold.test.tsx +++ b/packages/react-charts/src/components/ChartDonutUtilization/ChartDonutThreshold.test.tsx @@ -1,16 +1,16 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartDonutThreshold } from './ChartDonutThreshold'; Object.values([true, false]).forEach(() => { test('ChartDonutThreshold', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { width={200} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartDonutUtilization/ChartDonutUtilization.test.tsx b/packages/react-charts/src/components/ChartDonutUtilization/ChartDonutUtilization.test.tsx index 0602836e966..00372224013 100644 --- a/packages/react-charts/src/components/ChartDonutUtilization/ChartDonutUtilization.test.tsx +++ b/packages/react-charts/src/components/ChartDonutUtilization/ChartDonutUtilization.test.tsx @@ -1,15 +1,15 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartDonutUtilization } from './ChartDonutUtilization'; Object.values([true, false]).forEach(() => { test('ChartDonutUtilization', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartDonutUtilization/__snapshots__/ChartDonutThreshold.test.tsx.snap b/packages/react-charts/src/components/ChartDonutUtilization/__snapshots__/ChartDonutThreshold.test.tsx.snap index 7852b1c4c20..0ea8ca9a6bc 100644 --- a/packages/react-charts/src/components/ChartDonutUtilization/__snapshots__/ChartDonutThreshold.test.tsx.snap +++ b/packages/react-charts/src/components/ChartDonutUtilization/__snapshots__/ChartDonutThreshold.test.tsx.snap @@ -1,2815 +1,133 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartDonutThreshold 1`] = ` - - +
- - - + + + + + +
+ +
+
+
`; exports[`ChartDonutThreshold 2`] = ` - - +
- - - + + + + + +
+ +
+
+ `; exports[`renders component data 1`] = ` - - +
- - - + + + + + + + + +
+ +
+
+ `; diff --git a/packages/react-charts/src/components/ChartDonutUtilization/__snapshots__/ChartDonutUtilization.test.tsx.snap b/packages/react-charts/src/components/ChartDonutUtilization/__snapshots__/ChartDonutUtilization.test.tsx.snap index 187969d6af3..698651870fc 100644 --- a/packages/react-charts/src/components/ChartDonutUtilization/__snapshots__/ChartDonutUtilization.test.tsx.snap +++ b/packages/react-charts/src/components/ChartDonutUtilization/__snapshots__/ChartDonutUtilization.test.tsx.snap @@ -1,2764 +1,133 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartDonutUtilization 1`] = ` - - +
- - - + + + + + + +
+ +
+
+ `; exports[`ChartDonutUtilization 2`] = ` - - +
- - - + + + + + + +
+ +
+
+ `; exports[`renders component data 1`] = ` - - +
- - - + + + + + + +
+ +
+
+ `; diff --git a/packages/react-charts/src/components/ChartGroup/ChartGroup.test.tsx b/packages/react-charts/src/components/ChartGroup/ChartGroup.test.tsx index bcfd3f74015..0b0f7decc42 100644 --- a/packages/react-charts/src/components/ChartGroup/ChartGroup.test.tsx +++ b/packages/react-charts/src/components/ChartGroup/ChartGroup.test.tsx @@ -1,17 +1,17 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartArea } from '../ChartArea'; import { ChartGroup } from './ChartGroup'; Object.values([true, false]).forEach(() => { test('ChartGroup', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders container children', () => { - const view = shallow( + const view = render( { /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartGroup/__snapshots__/ChartGroup.test.tsx.snap b/packages/react-charts/src/components/ChartGroup/__snapshots__/ChartGroup.test.tsx.snap index 2d982c70033..8ac7f11b85a 100644 --- a/packages/react-charts/src/components/ChartGroup/__snapshots__/ChartGroup.test.tsx.snap +++ b/packages/react-charts/src/components/ChartGroup/__snapshots__/ChartGroup.test.tsx.snap @@ -1,2785 +1,131 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartGroup 1`] = ` - +
+ - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+ +
+
+ `; exports[`ChartGroup 2`] = ` - +
+ - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+ +
+
+ `; exports[`renders container children 1`] = ` - - } - height={200} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - +
+
+ + + + + + + + + + + + + + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartLabel/ChartLabel.test.tsx b/packages/react-charts/src/components/ChartLabel/ChartLabel.test.tsx index f6d0fd571bc..90042cd94e9 100644 --- a/packages/react-charts/src/components/ChartLabel/ChartLabel.test.tsx +++ b/packages/react-charts/src/components/ChartLabel/ChartLabel.test.tsx @@ -1,15 +1,15 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartLabel } from './ChartLabel'; Object.values([true, false]).forEach(() => { test('ChartLabel', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component text', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartLabel/__snapshots__/ChartLabel.test.tsx.snap b/packages/react-charts/src/components/ChartLabel/__snapshots__/ChartLabel.test.tsx.snap index 06306ff2d50..6703b6ffabf 100644 --- a/packages/react-charts/src/components/ChartLabel/__snapshots__/ChartLabel.test.tsx.snap +++ b/packages/react-charts/src/components/ChartLabel/__snapshots__/ChartLabel.test.tsx.snap @@ -1,62 +1,26 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`ChartLabel 1`] = ` -} - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - style={ - Object { - "fontFamily": "var(--pf-chart-global--FontFamily)", - "fontSize": 14, - "letterSpacing": "var(--pf-chart-global--letter-spacing)", - "textAnchor": undefined, - } - } - textComponent={} - tspanComponent={} -/> -`; +exports[`ChartLabel 1`] = `
`; -exports[`ChartLabel 2`] = ` -} - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - style={ - Object { - "fontFamily": "var(--pf-chart-global--FontFamily)", - "fontSize": 14, - "letterSpacing": "var(--pf-chart-global--letter-spacing)", - "textAnchor": undefined, - } - } - textComponent={} - tspanComponent={} -/> -`; +exports[`ChartLabel 2`] = `
`; exports[`renders component text 1`] = ` -} - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - style={ - Object { - "fontFamily": "var(--pf-chart-global--FontFamily)", - "fontSize": 14, - "letterSpacing": "var(--pf-chart-global--letter-spacing)", - "textAnchor": undefined, - } - } - text="This is a test" - textComponent={} - tspanComponent={} -/> +
+ + + This is a test + + +
`; diff --git a/packages/react-charts/src/components/ChartLegend/ChartLegend.test.tsx b/packages/react-charts/src/components/ChartLegend/ChartLegend.test.tsx index 9aeb4b1bd89..06e9a8cbffc 100644 --- a/packages/react-charts/src/components/ChartLegend/ChartLegend.test.tsx +++ b/packages/react-charts/src/components/ChartLegend/ChartLegend.test.tsx @@ -1,17 +1,17 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartLegend } from './ChartLegend'; Object.values([true, false]).forEach(() => { test('ChartLegend', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartLegend/__snapshots__/ChartLegend.test.tsx.snap b/packages/react-charts/src/components/ChartLegend/__snapshots__/ChartLegend.test.tsx.snap index 8871ed47d6e..583f07b629a 100644 --- a/packages/react-charts/src/components/ChartLegend/__snapshots__/ChartLegend.test.tsx.snap +++ b/packages/react-charts/src/components/ChartLegend/__snapshots__/ChartLegend.test.tsx.snap @@ -1,2794 +1,294 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartLegend 1`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - containerComponent={ - - } - data={ - Array [ - Object { - "name": "Series 1", - }, - Object { - "name": "Series 2", - }, - ] - } - dataComponent={} - groupComponent={} - labelComponent={} - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - titleComponent={} -/> +
+
+ + + + + + + Series 1 + + + + + Series 2 + + + +
+ +
+
+
`; exports[`ChartLegend 2`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - containerComponent={ - - } - data={ - Array [ - Object { - "name": "Series 1", - }, - Object { - "name": "Series 2", - }, - ] - } - dataComponent={} - groupComponent={} - labelComponent={} - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - titleComponent={} -/> +
+
+ + + + + + + Series 1 + + + + + Series 2 + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - containerComponent={ - - } - data={ - Array [ - Object { - "name": "Cats", - }, - Object { - "name": "Dogs", - }, - ] - } - dataComponent={} - groupComponent={} - height={50} - labelComponent={} - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - title="Average number of pets" - titleComponent={} - width={200} -/> +
+
+ + + + + + + Average number of pets + + + + + Cats + + + + + Dogs + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltip.test.tsx b/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltip.test.tsx index 23c76e18d35..f147085cc69 100644 --- a/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltip.test.tsx +++ b/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltip.test.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chart } from '../Chart'; import { ChartAxis } from '../ChartAxis'; import { ChartGroup } from '../ChartGroup'; @@ -10,8 +10,8 @@ import { ChartLegendTooltip } from './ChartLegendTooltip'; Object.values([true, false]).forEach(() => { test('ChartLegendTooltip', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); @@ -23,7 +23,7 @@ test('allows tooltip via container component', () => { { name: 'Birds' }, { name: 'Mice' } ]; - const view = shallow( + const view = render( { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltipContent.test.tsx b/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltipContent.test.tsx index b5b6cff0f07..56896b08ee9 100644 --- a/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltipContent.test.tsx +++ b/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltipContent.test.tsx @@ -1,11 +1,11 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartLegendTooltipContent } from './ChartLegendTooltipContent'; Object.values([true, false]).forEach(() => { test('ChartLegendTooltipContent', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); @@ -16,6 +16,6 @@ test('renders component text', () => { { name: 'Birds' }, { name: 'Mice' } ]; - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltipLabel.test.tsx b/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltipLabel.test.tsx index 8f9fe5af92c..6ae265c849b 100644 --- a/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltipLabel.test.tsx +++ b/packages/react-charts/src/components/ChartLegendTooltip/ChartLegendTooltipLabel.test.tsx @@ -1,11 +1,11 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartLegendTooltipLabel } from './ChartLegendTooltipLabel'; Object.values([true, false]).forEach(() => { test('ChartLegendTooltipLabel', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); @@ -16,6 +16,6 @@ test('renders component text', () => { { name: 'Birds' }, { name: 'Mice' } ]; - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltip.test.tsx.snap b/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltip.test.tsx.snap index f2b6d7166f1..4b087cbdebb 100644 --- a/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltip.test.tsx.snap +++ b/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltip.test.tsx.snap @@ -1,1595 +1,542 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`ChartLegendTooltip 1`] = `""`; +exports[`ChartLegendTooltip 1`] = `
`; -exports[`ChartLegendTooltip 2`] = `""`; +exports[`ChartLegendTooltip 2`] = `
`; exports[`allows tooltip via container component 1`] = ` -} +
+
+ + + Average number of pets + + + - } - cursorDimension="x" - cursorLabelComponent={ - + + + + 2015 + + + + + + + + 2016 + + + + + + + + 2017 + + + + + + + + 2018 + + + + + + - } - cursorLabelOffset={ - Object { - "x": 5, - "y": -10, - } - } - desc="Average number of pets" - labelComponent={ - + + + + + 2 + + + + + + + + + 5 + + + + + + + + + 8 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - } - labels={[Function]} - mouseFollowTooltips={true} - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#4cb140", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#4cb140", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#4cb140", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - voronoiDimension="x" - voronoiPadding={50} - /> - } - height={275} - maxDomain={ - Object { - "y": 10, - } - } - minDomain={ - Object { - "y": 0, - } - } - padding={ - Object { - "bottom": 75, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#4cb140", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#4cb140", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#4cb140", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#4cb140", - "#bde2b9", - "#23511e", - "#7cc674", - "#38812f", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={450} -> - - - - - - - - - - + + + + + + + Cats + + + + + Dogs + + + + + Birds + + + + + Mice + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltipContent.test.tsx.snap b/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltipContent.test.tsx.snap index 0758784f0b6..4a3f98cb872 100644 --- a/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltipContent.test.tsx.snap +++ b/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltipContent.test.tsx.snap @@ -1,1486 +1,52 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartLegendTooltipContent 1`] = ` - - - - } - orientation="vertical" - padding={0} - rowGutter={0} - standalone={false} - style={ - Object { - "labels": Object { - "fill": "#f0f0f0", - "lineHeight": 0.275, - "padding": 0, - }, - "title": Object { - "fill": "#f0f0f0", - "padding": 0, - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - x={NaN} - y={NaN} - /> - +
+ + + +
`; exports[`ChartLegendTooltipContent 2`] = ` - - - - } - orientation="vertical" - padding={0} - rowGutter={0} - standalone={false} - style={ - Object { - "labels": Object { - "fill": "#f0f0f0", - "lineHeight": 0.275, - "padding": 0, - }, - "title": Object { - "fill": "#f0f0f0", - "padding": 0, - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - x={NaN} - y={NaN} - /> - +
+ + + +
`; exports[`renders component text 1`] = ` - - - - } - orientation="vertical" - padding={0} - rowGutter={0} - standalone={false} - style={ - Object { - "labels": Object { - "fill": "#f0f0f0", - "lineHeight": 0.275, - "padding": 0, - }, - "title": Object { - "fill": "#f0f0f0", - "padding": 0, - }, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - x={NaN} - y={NaN} - /> - +
+ + + +
`; diff --git a/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltipLabel.test.tsx.snap b/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltipLabel.test.tsx.snap index 7a2d393dba4..86fdfc4786b 100644 --- a/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltipLabel.test.tsx.snap +++ b/packages/react-charts/src/components/ChartLegendTooltip/__snapshots__/ChartLegendTooltipLabel.test.tsx.snap @@ -1,73 +1,42 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`ChartLegendTooltipLabel 1`] = ` - - - - -`; +exports[`ChartLegendTooltipLabel 1`] = `
`; -exports[`ChartLegendTooltipLabel 2`] = ` - - - - -`; +exports[`ChartLegendTooltipLabel 2`] = `
`; exports[`renders component text 1`] = ` - - - - +
+ + + Cats + + + + + 1, 2, 3, 4 + + +
`; diff --git a/packages/react-charts/src/components/ChartLine/ChartLine.test.tsx b/packages/react-charts/src/components/ChartLine/ChartLine.test.tsx index f1027786bd8..7b6eacb68e5 100644 --- a/packages/react-charts/src/components/ChartLine/ChartLine.test.tsx +++ b/packages/react-charts/src/components/ChartLine/ChartLine.test.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chart } from '../Chart'; import { ChartGroup } from '../ChartGroup'; import { ChartLine } from './ChartLine'; Object.values([true, false]).forEach(() => { test('ChartLine', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartLine/__snapshots__/ChartLine.test.tsx.snap b/packages/react-charts/src/components/ChartLine/__snapshots__/ChartLine.test.tsx.snap index 58dd1ae4a4e..08f74b8c0a1 100644 --- a/packages/react-charts/src/components/ChartLine/__snapshots__/ChartLine.test.tsx.snap +++ b/packages/react-charts/src/components/ChartLine/__snapshots__/ChartLine.test.tsx.snap @@ -1,2891 +1,600 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartLine 1`] = ` - - } - dataComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={ - } - clipPathComponent={} - groupComponent={} - rectComponent={} - /> - } - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - renderInPortal={true} - textComponent={} - tspanComponent={} - /> - } - samples={50} - sortKey="x" - sortOrder="ascending" - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ + + + + + + + + + +
+ +
+
+
`; exports[`ChartLine 2`] = ` - - } - dataComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={ - } - clipPathComponent={} - groupComponent={} - rectComponent={} - /> - } - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - renderInPortal={true} - textComponent={} - tspanComponent={} - /> - } - samples={50} - sortKey="x" - sortOrder="ascending" - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ + + + + + + + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` - - } - height={200} - minDomain={ - Object { - "y": 0, - } - } - padding={ - Object { - "bottom": 50, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - - - - - +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1.0 + + + + + + + + 1.5 + + + + + + + + 2.0 + + + + + + + + 2.5 + + + + + + + + 3.0 + + + + + + + + 3.5 + + + + + + + + 4.0 + + + + + + + + + + + 2 + + + + + + + + 4 + + + + + + + + 6 + + + + + + + + 8 + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartPie/ChartPie.test.tsx b/packages/react-charts/src/components/ChartPie/ChartPie.test.tsx index 48c8a278583..4a88a854d42 100644 --- a/packages/react-charts/src/components/ChartPie/ChartPie.test.tsx +++ b/packages/react-charts/src/components/ChartPie/ChartPie.test.tsx @@ -1,16 +1,16 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartPie } from './ChartPie'; Object.values([true, false]).forEach(() => { test('ChartPie', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { width={200} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartPie/__snapshots__/ChartPie.test.tsx.snap b/packages/react-charts/src/components/ChartPie/__snapshots__/ChartPie.test.tsx.snap index 8d52b491bf0..feb6d674d7b 100644 --- a/packages/react-charts/src/components/ChartPie/__snapshots__/ChartPie.test.tsx.snap +++ b/packages/react-charts/src/components/ChartPie/__snapshots__/ChartPie.test.tsx.snap @@ -1,4226 +1,182 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartPie 1`] = ` - - +
- } - portalZIndex={99} - responsive={true} - role="img" + + + + - } - data={ - Array [ - Object { - "x": "A", - "y": 1, - }, - Object { - "x": "B", - "y": 2, - }, - Object { - "x": "C", - "y": 3, - }, - Object { - "x": "D", - "y": 1, - }, - Object { - "x": "E", - "y": 2, - }, - ] - } - dataComponent={ - } + - } - groupComponent={} - height={230} - key="pf-chart-pie" - labelComponent={ - - } - radius={95} - sortOrder="ascending" - standalone={false} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={230} - /> - - + + + +
+ +
+
+
`; exports[`ChartPie 2`] = ` - - +
- } - portalZIndex={99} - responsive={true} - role="img" + + + - } - data={ - Array [ - Object { - "x": "A", - "y": 1, - }, - Object { - "x": "B", - "y": 2, - }, - Object { - "x": "C", - "y": 3, - }, - Object { - "x": "D", - "y": 1, - }, - Object { - "x": "E", - "y": 2, - }, - ] - } - dataComponent={ - } + - } - groupComponent={} - height={230} - key="pf-chart-pie" - labelComponent={ - + - } - radius={95} - sortOrder="ascending" - standalone={false} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={230} - /> - - + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` - - +
- } - portalZIndex={99} - responsive={true} - role="img" + + + - } - data={ - Array [ - Object { - "x": "Cats", - "y": 35, - }, - Object { - "x": "Dogs", - "y": 55, - }, - Object { - "x": "Birds", - "y": 10, - }, - ] - } - dataComponent={ - } + - } - groupComponent={} - height={200} - key="pf-chart-pie" - labelComponent={ - - } - radius={80} - sortOrder="ascending" - standalone={false} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} - /> - - + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartPoint/ChartPoint.test.tsx b/packages/react-charts/src/components/ChartPoint/ChartPoint.test.tsx index 467b4d32607..25ad77ea003 100644 --- a/packages/react-charts/src/components/ChartPoint/ChartPoint.test.tsx +++ b/packages/react-charts/src/components/ChartPoint/ChartPoint.test.tsx @@ -1,17 +1,17 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartLegend } from '../ChartLegend'; import { ChartPoint } from './ChartPoint'; Object.values([true, false]).forEach(() => { test('ChartPoint', () => { - const view = shallow(} />); - expect(view).toMatchSnapshot(); + const view = render(} />); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { width={200} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartPoint/__snapshots__/ChartPoint.test.tsx.snap b/packages/react-charts/src/components/ChartPoint/__snapshots__/ChartPoint.test.tsx.snap index 1b32cf51027..54e63c4c3ef 100644 --- a/packages/react-charts/src/components/ChartPoint/__snapshots__/ChartPoint.test.tsx.snap +++ b/packages/react-charts/src/components/ChartPoint/__snapshots__/ChartPoint.test.tsx.snap @@ -1,2797 +1,304 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartPoint 1`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - containerComponent={ - - } - data={ - Array [ - Object { - "name": "Series 1", - }, - Object { - "name": "Series 2", - }, - ] - } - dataComponent={} - groupComponent={} - labelComponent={} - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - titleComponent={} -/> +
+
+ + + + + + + Series 1 + + + + + Series 2 + + + +
+ +
+
+
`; exports[`ChartPoint 2`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - containerComponent={ - - } - data={ - Array [ - Object { - "name": "Series 1", - }, - Object { - "name": "Series 2", - }, - ] - } - dataComponent={} - groupComponent={} - labelComponent={} - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - titleComponent={} -/> +
+
+ + + + + + + Series 1 + + + + + Series 2 + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - containerComponent={ - - } - data={ - Array [ - Object { - "name": "Cats", - }, - Object { - "name": "Dogs", - "symbol": Object { - "type": "dash", - }, - }, - ] - } - dataComponent={} - groupComponent={} - height={50} - labelComponent={} - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - title="Average number of pets" - titleComponent={} - width={200} -/> +
+
+ + + + + + + Average number of pets + + + + + Cats + + + + + Dogs + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartScatter/ChartScatter.test.tsx b/packages/react-charts/src/components/ChartScatter/ChartScatter.test.tsx index 7130bc08c71..05d10e30cc8 100644 --- a/packages/react-charts/src/components/ChartScatter/ChartScatter.test.tsx +++ b/packages/react-charts/src/components/ChartScatter/ChartScatter.test.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chart } from '../Chart/Chart'; import { ChartGroup } from '../ChartGroup/ChartGroup'; import { ChartScatter } from './ChartScatter'; Object.values([true, false]).forEach(() => { test('ChartScatter', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartScatter/__snapshots__/ChartScatter.test.tsx.snap b/packages/react-charts/src/components/ChartScatter/__snapshots__/ChartScatter.test.tsx.snap index 490d2244562..8e08a2f02f2 100644 --- a/packages/react-charts/src/components/ChartScatter/__snapshots__/ChartScatter.test.tsx.snap +++ b/packages/react-charts/src/components/ChartScatter/__snapshots__/ChartScatter.test.tsx.snap @@ -1,2875 +1,1623 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartScatter 1`] = ` - - } - dataComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={} - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } - samples={50} - size={[Function]} - sortOrder="ascending" - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
`; exports[`ChartScatter 2`] = ` - - } - dataComponent={ - } - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={} - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } - samples={50} - size={[Function]} - sortOrder="ascending" - standalone={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` - - } - height={200} - minDomain={ - Object { - "y": 0, - } - } - padding={ - Object { - "bottom": 50, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - - - - - +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1.0 + + + + + + + + 2.0 + + + + + + + + 3.0 + + + + + + + + 4.0 + + + + + + + + 5.0 + + + + + + + + 6.0 + + + + + + + + 7.0 + + + + + + + + + + + 1.0 + + + + + + + + 2.0 + + + + + + + + 3.0 + + + + + + + + 4.0 + + + + + + + + 5.0 + + + + + + + + 6.0 + + + + + + + + 7.0 + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartStack/ChartStack.test.tsx b/packages/react-charts/src/components/ChartStack/ChartStack.test.tsx index f2555690ce1..75be6401854 100644 --- a/packages/react-charts/src/components/ChartStack/ChartStack.test.tsx +++ b/packages/react-charts/src/components/ChartStack/ChartStack.test.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chart } from '../Chart'; import { ChartBar } from '../ChartBar'; import { ChartStack } from './ChartStack'; Object.values([true, false]).forEach(() => { test('ChartStack', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders component data', () => { - const view = shallow( + const view = render( { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartStack/__snapshots__/ChartStack.test.tsx.snap b/packages/react-charts/src/components/ChartStack/__snapshots__/ChartStack.test.tsx.snap index 2c92765306c..bbe559b68ca 100644 --- a/packages/react-charts/src/components/ChartStack/__snapshots__/ChartStack.test.tsx.snap +++ b/packages/react-charts/src/components/ChartStack/__snapshots__/ChartStack.test.tsx.snap @@ -1,2834 +1,648 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartStack 1`] = ` - +
+ - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+ +
+
+
`; exports[`ChartStack 2`] = ` - +
+ - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> +
+ +
+
+
`; exports[`renders component data 1`] = ` - - } - domainPadding={ - Object { - "x": Array [ - 30, - 25, - ], - } - } - height={200} - padding={ - Object { - "bottom": 50, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={300} -> - - - - - - - +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Cats + + + + + + + + Dogs + + + + + + + + Birds + + + + + + + + Mice + + + + + + + + + + + 5 + + + + + + + + 10 + + + + + + + + 15 + + + + + + + + 20 + + + + + + + + 25 + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartThreshold/ChartThreshold.test.tsx b/packages/react-charts/src/components/ChartThreshold/ChartThreshold.test.tsx index 18e3709bb1d..9a2b2e807cb 100644 --- a/packages/react-charts/src/components/ChartThreshold/ChartThreshold.test.tsx +++ b/packages/react-charts/src/components/ChartThreshold/ChartThreshold.test.tsx @@ -1,13 +1,13 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chart } from '../Chart'; import { ChartGroup } from '../ChartGroup'; import { ChartThreshold } from './ChartThreshold'; Object.values([true, false]).forEach(() => { test('ChartThreshold', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); @@ -18,12 +18,12 @@ test('renders component data', () => { { name: 'Birds Threshold', x: 2, y: 3 }, { name: 'Birds Threshold', x: 5, y: 3 } ]; - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartThreshold/__snapshots__/ChartThreshold.test.tsx.snap b/packages/react-charts/src/components/ChartThreshold/__snapshots__/ChartThreshold.test.tsx.snap index 770b0f91ee0..608957aca2d 100644 --- a/packages/react-charts/src/components/ChartThreshold/__snapshots__/ChartThreshold.test.tsx.snap +++ b/packages/react-charts/src/components/ChartThreshold/__snapshots__/ChartThreshold.test.tsx.snap @@ -1,1879 +1,528 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartThreshold 1`] = ` - +
+
+ + + + + + + + + + +
+ +
+
+
`; exports[`ChartThreshold 2`] = ` - +
+
+ + + + + + + + + + +
+ +
+
+
`; exports[`renders component data 1`] = ` - - } - height={200} - minDomain={ - Object { - "y": 0, - } - } - padding={ - Object { - "bottom": 50, - "left": 50, - "right": 50, - "top": 50, - } - } - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - - +
+
+ + + + + + + + + + + + + + + + + + 1.0 + + + + + + + + 2.0 + + + + + + + + 3.0 + + + + + + + + 4.0 + + + + + + + + 5.0 + + + + + + + + + + + 0.5 + + + + + + + + 1.0 + + + + + + + + 1.5 + + + + + + + + 2.0 + + + + + + + + 2.5 + + + + + + + + 3.0 + + + + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartTooltip/ChartTooltip.test.tsx b/packages/react-charts/src/components/ChartTooltip/ChartTooltip.test.tsx index 5d433ac04eb..7d753205662 100644 --- a/packages/react-charts/src/components/ChartTooltip/ChartTooltip.test.tsx +++ b/packages/react-charts/src/components/ChartTooltip/ChartTooltip.test.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartArea } from '../ChartArea'; import { ChartGroup } from '../ChartGroup'; import { ChartVoronoiContainer } from '../ChartVoronoiContainer'; @@ -7,13 +7,13 @@ import { ChartTooltip } from './ChartTooltip'; Object.values([true, false]).forEach(() => { test('ChartTooltip', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('allows tooltip via container component', () => { - const view = shallow( + const view = render( 'y: ' + point.y} />} height={200} @@ -38,5 +38,5 @@ test('allows tooltip via container component', () => { /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartTooltip/__snapshots__/ChartTooltip.test.tsx.snap b/packages/react-charts/src/components/ChartTooltip/__snapshots__/ChartTooltip.test.tsx.snap index c70fe5486e1..ab54202bead 100644 --- a/packages/react-charts/src/components/ChartTooltip/__snapshots__/ChartTooltip.test.tsx.snap +++ b/packages/react-charts/src/components/ChartTooltip/__snapshots__/ChartTooltip.test.tsx.snap @@ -1,2840 +1,81 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`ChartTooltip 1`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={} - labelComponent={ - - } - renderInPortal={true} - text="This is a tooltip" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> -`; +exports[`ChartTooltip 1`] = `
`; -exports[`ChartTooltip 2`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={} - labelComponent={ - - } - renderInPortal={true} - text="This is a tooltip" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } -/> -`; +exports[`ChartTooltip 2`] = `
`; exports[`allows tooltip via container component 1`] = ` -} - role="presentation" - shapeRendering="auto" +
+
+ + + + + - } - groupComponent={} - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} + + + + + + + + - } - renderInPortal={true} + + + - } - labels={[Function]} - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - voronoiPadding={5} - /> - } - height={200} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - + + +
+ +
+
+
`; diff --git a/packages/react-charts/src/components/ChartVoronoiContainer/ChartVoronoContainer.test.tsx b/packages/react-charts/src/components/ChartVoronoiContainer/ChartVoronoContainer.test.tsx index db72f327abc..817ec8a31fa 100644 --- a/packages/react-charts/src/components/ChartVoronoiContainer/ChartVoronoContainer.test.tsx +++ b/packages/react-charts/src/components/ChartVoronoiContainer/ChartVoronoContainer.test.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChartArea } from '../ChartArea'; import { ChartGroup } from '../ChartGroup'; import { ChartVoronoiContainer } from './ChartVoronoiContainer'; Object.values([true, false]).forEach(() => { test('ChartVoronoiContainer', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); test('renders container via ChartGroup', () => { - const view = shallow( + const view = render( } height={200} width={200}> { /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-charts/src/components/ChartVoronoiContainer/__snapshots__/ChartVoronoContainer.test.tsx.snap b/packages/react-charts/src/components/ChartVoronoiContainer/__snapshots__/ChartVoronoContainer.test.tsx.snap index cf7d42412ca..80ce36172c8 100644 --- a/packages/react-charts/src/components/ChartVoronoiContainer/__snapshots__/ChartVoronoContainer.test.tsx.snap +++ b/packages/react-charts/src/components/ChartVoronoiContainer/__snapshots__/ChartVoronoContainer.test.tsx.snap @@ -1,2875 +1,123 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChartVoronoiContainer 1`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={} - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } - renderInPortal={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } +
+
+ - } - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - voronoiPadding={5} -/> +
+ +
+
+
`; exports[`ChartVoronoiContainer 2`] = ` -} - role="presentation" - shapeRendering="auto" - /> - } - groupComponent={} - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} - /> - } - renderInPortal={true} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } +
+
+ - } - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - voronoiPadding={5} -/> +
+ +
+
+
`; exports[`renders container via ChartGroup 1`] = ` -} - role="presentation" - shapeRendering="auto" +
+
+ + + + + - } - groupComponent={} - labelComponent={ - } - capHeight={0.71} - direction="inherit" - groupComponent={} - lineHeight={1} - textComponent={} - tspanComponent={} + + + + + + + + - } - renderInPortal={true} + + + - } - portalComponent={} - portalZIndex={99} - responsive={true} - role="img" - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - voronoiPadding={5} - /> - } - height={200} - theme={ - Object { - "area": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "fillOpacity": 0.3, - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "axis": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "axis": Object { - "fill": "transparent", - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - "axisLabel": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 40, - "stroke": "transparent", - "textAnchor": "middle", - }, - "grid": Object { - "fill": "none", - "pointerEvents": "painted", - "stroke": "none", - "strokeLinecap": "round", - "strokeLinejoin": "round", - }, - "tickLabels": Object { - "fill": "#4f5255", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "ticks": Object { - "fill": "transparent", - "size": 5, - "stroke": "#d2d2d2", - "strokeLinecap": "round", - "strokeLinejoin": "round", - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "bar": Object { - "barWidth": 10, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#06c", - "padding": 8, - "stroke": "none", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "boxplot": Object { - "boxWidth": 20, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "max": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "maxLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "median": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "medianLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "min": Object { - "padding": 8, - "stroke": "#151515", - "strokeWidth": 1, - }, - "minLabels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q1": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q1Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "q3": Object { - "fill": "#8a8d90", - "padding": 8, - }, - "q3Labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - }, - "width": 450, - }, - "candlestick": Object { - "candleColors": Object { - "negative": "#151515", - "positive": "#fff", - }, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "chart": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "errorbar": Object { - "borderWidth": 8, - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#151515", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "group": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "width": 450, - }, - "legend": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "gutter": 20, - "orientation": "horizontal", - "style": Object { - "data": Object { - "type": "square", - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - }, - "title": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 2, - "stroke": "transparent", - }, - }, - "titleOrientation": "top", - }, - "line": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "opacity": 1, - "stroke": "#06c", - "strokeWidth": 2, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "pie": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 230, - "padding": 20, - "style": Object { - "data": Object { - "padding": 8, - "stroke": "transparent", - "strokeWidth": 1, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "stroke": "transparent", - }, - }, - "width": 230, - }, - "scatter": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "#151515", - "opacity": 1, - "stroke": "transparent", - "strokeWidth": 0, - }, - "labels": Object { - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 10, - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - "stack": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "strokeWidth": 1, - }, - }, - "width": 450, - }, - "tooltip": Object { - "cornerRadius": 0, - "flyoutPadding": 8, - "flyoutStyle": Object { - "cornerRadius": 0, - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 0, - }, - "pointerLength": 10, - "pointerWidth": 20, - "style": Object { - "fill": "#f0f0f0", - "pointerEvents": "none", - }, - }, - "voronoi": Object { - "colorScale": Array [ - "#06c", - "#8bc1f7", - "#002f5d", - "#519de9", - "#004b95", - ], - "height": 300, - "padding": 50, - "style": Object { - "data": Object { - "fill": "transparent", - "stroke": "transparent", - "strokeWidth": 0, - }, - "flyout": Object { - "fill": "#151515", - "pointerEvents": "none", - "stroke": "#151515", - "strokeWidth": 1, - }, - "labels": Object { - "fill": "#f0f0f0", - "fontFamily": "\\"RedHatText\\",\\"Overpass\\",overpass,helvetica,arial,sans-serif", - "fontSize": 14, - "letterSpacing": "normal", - "padding": 8, - "pointerEvents": "none", - "stroke": "transparent", - "textAnchor": "middle", - }, - }, - "width": 450, - }, - } - } - width={200} -> - - - + + +
+ +
+
+
`; diff --git a/packages/react-console/src/components/AccessConsoles/__tests__/AccessConsole.test.tsx b/packages/react-console/src/components/AccessConsoles/__tests__/AccessConsole.test.tsx index 301a499d6eb..c722c126a90 100644 --- a/packages/react-console/src/components/AccessConsoles/__tests__/AccessConsole.test.tsx +++ b/packages/react-console/src/components/AccessConsoles/__tests__/AccessConsole.test.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { shallow, mount, render } from 'enzyme'; +import { render } from '@testing-library/react'; +import { mount } from 'enzyme'; import { AccessConsoles } from '../AccessConsoles'; import { SerialConsole } from '../../SerialConsole'; @@ -18,31 +19,31 @@ const vnc = { }; test('AccessConsoles with SerialConsole as a single child', () => { - const view = shallow( + const view = render( - + ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('AccessConsoles with VncConsole as a single child', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('AccessConsoles with SerialConsole and VncConsole as children', () => { - const view = shallow( + const view = render( - + ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); const SerialConsoleConnected = () => ( @@ -52,22 +53,21 @@ const SerialConsoleConnected = () => ( ); test('AccessConsoles with wrapped SerialConsole as a child', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('AccessConsoles with preselected SerialConsole', () => { - const wrapper = mount( + const wrapper = render( ); - expect(wrapper).toMatchSnapshot(); - expect(wrapper.find('SerialConsoleConnected')).toHaveLength(1); + expect(wrapper.container).toMatchSnapshot(); }); test('AccessConsoles switching SerialConsole and VncConsole', () => { @@ -109,16 +109,9 @@ test('AccessConsoles switching SerialConsole and VncConsole', () => { }); test('AccessConsoles default setting', () => { - const wrapperDefault = mount( - - - - - ); - const wrapperKeepConnection = mount( - + ); @@ -132,7 +125,7 @@ test('AccessConsoles default setting', () => { test('Empty AccessConsoles', () => { const view = render(); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('AccessConsoles with DesktopViewer', () => { @@ -141,5 +134,5 @@ test('AccessConsoles with DesktopViewer', () => { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-console/src/components/AccessConsoles/__tests__/__snapshots__/AccessConsole.test.tsx.snap b/packages/react-console/src/components/AccessConsoles/__tests__/__snapshots__/AccessConsole.test.tsx.snap index dea43bcf849..e23c1415c0e 100644 --- a/packages/react-console/src/components/AccessConsoles/__tests__/__snapshots__/AccessConsole.test.tsx.snap +++ b/packages/react-console/src/components/AccessConsoles/__tests__/__snapshots__/AccessConsole.test.tsx.snap @@ -66,7 +66,7 @@ exports[`AccessConsoles switching SerialConsole and VncConsole 1`] = ` >
@@ -97,7 +97,7 @@ exports[`AccessConsoles switching SerialConsole and VncConsole 1`] = ` Object { "current":
@@ -277,172 +277,113 @@ Array [ `; exports[`AccessConsoles with DesktopViewer 1`] = ` -
+
+
+
`; exports[`AccessConsoles with SerialConsole and VncConsole as children 1`] = ` -
+
- +
+ +
+
`; exports[`AccessConsoles with SerialConsole as a single child 1`] = ` -
+
+
+
`; exports[`AccessConsoles with VncConsole as a single child 1`] = ` -
+
+
+
`; exports[`AccessConsoles with preselected SerialConsole 1`] = ` - +
- -

- Whatever component, preferably wrapping - - SerialConsole - - with callbacks adapted to a particular backend. -

- +

+ Whatever component, preferably wrapping + + SerialConsole + + with callbacks adapted to a particular backend. +

- +
`; exports[`AccessConsoles with wrapped SerialConsole as a child 1`] = ` -
+
+
+
`; exports[`Empty AccessConsoles 1`] = ` -
+
+
+
`; diff --git a/packages/react-console/src/components/DesktopViewer/__tests__/DesktopViewer.test.tsx b/packages/react-console/src/components/DesktopViewer/__tests__/DesktopViewer.test.tsx index 3066fc41e86..270b69ac976 100644 --- a/packages/react-console/src/components/DesktopViewer/__tests__/DesktopViewer.test.tsx +++ b/packages/react-console/src/components/DesktopViewer/__tests__/DesktopViewer.test.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { render, mount } from 'enzyme'; +import { render } from '@testing-library/react'; +import { mount } from 'enzyme'; import { DesktopViewer } from '../DesktopViewer'; import { MoreInformationDefaultContent } from '../MoreInformationDefaultContent'; @@ -31,22 +32,22 @@ const rdp2 = { test('DesktopViewer empty', () => { const wrapper = render(); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.container).toMatchSnapshot(); }); test('DesktopViewer with Spice and VNC', () => { const wrapper = render(); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.container).toMatchSnapshot(); }); test('DesktopViewer with Spice, VNC and RDP', () => { const wrapper = render(); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.container).toMatchSnapshot(); }); test('DesktopViewer with Spice, VNC and RDP (different hostname)', () => { const wrapper = render(); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.container).toMatchSnapshot(); }); test('DesktopViewer launch button', () => { @@ -87,7 +88,7 @@ test('DesktopViewer with custom more-info content', () => { test('default MoreInformationContent', () => { const wrapper = render(); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.container).toMatchSnapshot(); }); test('default implementation of generateVVFile()', () => { diff --git a/packages/react-console/src/components/DesktopViewer/__tests__/__snapshots__/DesktopViewer.test.tsx.snap b/packages/react-console/src/components/DesktopViewer/__tests__/__snapshots__/DesktopViewer.test.tsx.snap index 31017e0e34e..bac39ec86e9 100644 --- a/packages/react-console/src/components/DesktopViewer/__tests__/__snapshots__/DesktopViewer.test.tsx.snap +++ b/packages/react-console/src/components/DesktopViewer/__tests__/__snapshots__/DesktopViewer.test.tsx.snap @@ -1,1084 +1,1102 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DesktopViewer empty 1`] = ` -
+
- + +
-
-
-

- Manual Connection -

-

- No connection available. -

-
+

+ Manual Connection +

+

+ No connection available. +

+
+
`; exports[`DesktopViewer with Spice and VNC 1`] = ` -
+
- -
-
- + Launch Remote Viewer + +
+
- - Ubuntu, Debian - - -
-
+ Fedora + + +
- sudo apt-get install virt-viewer -
- -
-
-
+ sudo dnf install virt-viewer +
+ +
+
- - Windows - - -
+ Ubuntu, Debian + + +
+
+ sudo apt-get install virt-viewer +
+
+
+
-
-
- Download the MSI from - - virt-manager.org - + + Windows + + +
+
+
+ Download the MSI from + + + virt-manager.org + +
-
- -
- + +
+ +
-
-
-

- Manual Connection -

-

- Connect with any viewer application for following protocols -

-
-
+ Manual Connection + +

+ Connect with any viewer application for following protocols +

+
-
- - Address - -
-
-
+ Address + + +
- my.host.com -
- -
-
-
+ my.host.com +
+ +
+
- - SPICE Port - - -
-
+ SPICE Port + + +
- 5900 -
- -
-
-
+ 5900 +
+ +
+
- - SPICE TLS Port - - -
-
+ SPICE TLS Port + + +
- 5901 -
- -
-
-
+ 5901 +
+ +
+
- - VNC Port - - -
-
+ VNC Port + + +
- 5902 -
- -
-
-
+ 5902 +
+ +
+
- - VNC TLS Port - - -
-
+ VNC TLS Port + + +
- 5903 -
- -
- +
+ 5903 +
+ +
+ +
`; exports[`DesktopViewer with Spice, VNC and RDP (different hostname) 1`] = ` -
+
- - -
-
- + Launch Remote Desktop + +
+
- - Ubuntu, Debian - - -
-
+ Fedora + + +
- sudo apt-get install virt-viewer -
- -
-
-
+ sudo dnf install virt-viewer +
+ +
+
- - Windows - - -
+ Ubuntu, Debian + + +
+
+ sudo apt-get install virt-viewer +
+
+
+
-
-
- Download the MSI from - - virt-manager.org - + + Windows + + +
+
+
+ Download the MSI from + + + virt-manager.org + +
-
- -
- -
-
-
- - -
-
-

- Manual Connection -

-

- Connect with any viewer application for following protocols -

-
-
-
- - Address - -
-
-
- my.host.com -
-
-
-
-
- - RDP Address - -
-
-
- my.differenthost.com -
-
-
-
-
- - SPICE Port - -
-
-
- 5900 -
-
-
-
-
- - SPICE TLS Port - -
-
-
- 5901 -
-
-
-
-
- - VNC Port - -
-
-
- 5902 -
-
+ +
+
+
- -
-
- 5903 -
-
-
-
-
- RDP Port + Remote Desktop Details -
-
+
+ +
- - - -`; - -exports[`DesktopViewer with Spice, VNC and RDP 1`] = ` -
-
+
- - -
-
- - +
-
-
- - RHEL, CentOS - -
-
+ +
+
-
- sudo yum install virt-viewer -
-
-
-
+ +
+
+
-
- - Fedora - -
-
+ +
+
-
- sudo dnf install virt-viewer -
-
-
-
+ +
+
+
-
- - Ubuntu, Debian - -
-
+ +
+
-
- sudo apt-get install virt-viewer -
-
-
-
+ +
+
+
-
- - Windows - -
-
+ +
+
-
-
- Download the MSI from - - virt-manager.org - -
-
-
-
- -
-
-
-
+
- - - + VNC TLS Port + + +
+
+ 5903 +
+
+
+
- Remote Desktop Details - - - +
+ +`; + +exports[`DesktopViewer with Spice, VNC and RDP 1`] = ` +
-

- Manual Connection -

-

- Connect with any viewer application for following protocols -

-
-
- - Address - -
-
+
+ Launch Remote Desktop +
- -
+
+
+
+ + RHEL, CentOS + +
+
+
+ sudo yum install virt-viewer +
+
+
+
+
+ + Fedora + +
+
+
+ sudo dnf install virt-viewer +
+
+
+
+
+ + Ubuntu, Debian + +
+
+
+ sudo apt-get install virt-viewer +
+
+
+
+
+ + Windows + +
+
+
+
+ Download the MSI from + + + virt-manager.org + +
+
+
+
+
+
- -
-
- 5901 -
-
+ Remote Desktop Details + + +
-
+
+

-
+

+ Connect with any viewer application for following protocols +

+
+
- - VNC Port - -
-
+ Address + + +
+
+ my.host.com +
+
+

+
-
- 5902 -
- -
-
-
+ SPICE Port + +
+
+
+ 5900 +
+
+
+
- - VNC TLS Port - - -
+ SPICE TLS Port + + +
+
+ 5901 +
+
+
+
-
- 5903 -
- -
-
-
+ VNC Port + +
+
+
+ 5902 +
+
+
+
- - RDP Port - - -
+ VNC TLS Port + + +
+
+ 5903 +
+
+
+
-
- 3389 -
- -
- + + RDP Port + + +
+
+ 3389 +
+
+
+ + `; @@ -1589,19 +1607,19 @@ exports[`DesktopViewer with custom more-info content 1`] = ` `; exports[`default MoreInformationContent 1`] = ` -Array [ +

Clicking "Launch Remote Viewer" will download a .vv file and launch Remote Viewer -

, +

Remote Viewer is available for most operating systems. To install it, search for it in GNOME Software or run the following: -

, +

@@ -1690,7 +1708,8 @@ Array [ class="pf-c-description-list__text" >
- Download the MSI from + Download the MSI from +
-
, -] + +
`; diff --git a/packages/react-console/src/components/SerialConsole/__tests__/SerialConsoleActions.test.tsx b/packages/react-console/src/components/SerialConsole/__tests__/SerialConsoleActions.test.tsx index 15a99dbb871..2ca5ed3a8a3 100644 --- a/packages/react-console/src/components/SerialConsole/__tests__/SerialConsoleActions.test.tsx +++ b/packages/react-console/src/components/SerialConsole/__tests__/SerialConsoleActions.test.tsx @@ -1,21 +1,21 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { SerialConsoleActions } from '../SerialConsoleActions'; test('placeholder render test', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Render SerialConsoleActions', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Render SerialConsoleActions with custom texts', () => { - const view = shallow( + const view = render( { textReset="My Reconnect Text" /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-console/src/components/SerialConsole/__tests__/__snapshots__/SerialConsoleActions.test.tsx.snap b/packages/react-console/src/components/SerialConsole/__tests__/__snapshots__/SerialConsoleActions.test.tsx.snap index ba0df2f17b0..6d3be72febd 100644 --- a/packages/react-console/src/components/SerialConsole/__tests__/__snapshots__/SerialConsoleActions.test.tsx.snap +++ b/packages/react-console/src/components/SerialConsole/__tests__/__snapshots__/SerialConsoleActions.test.tsx.snap @@ -1,56 +1,88 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Render SerialConsoleActions 1`] = ` -
- - + + +
`; exports[`Render SerialConsoleActions with custom texts 1`] = ` -
- - + + +
`; exports[`placeholder render test 1`] = ` -
- - + + +
`; diff --git a/packages/react-console/src/components/VncConsole/__tests__/VncConsole.test.tsx b/packages/react-console/src/components/VncConsole/__tests__/VncConsole.test.tsx index bb26ae5a622..52d5c6a07f1 100644 --- a/packages/react-console/src/components/VncConsole/__tests__/VncConsole.test.tsx +++ b/packages/react-console/src/components/VncConsole/__tests__/VncConsole.test.tsx @@ -1,9 +1,9 @@ /* eslint-disable import/no-extraneous-dependencies */ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { VncConsole } from '../../VncConsole'; test('placeholder render test', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-console/src/components/VncConsole/__tests__/VncConsoleActions.test.tsx b/packages/react-console/src/components/VncConsole/__tests__/VncConsoleActions.test.tsx index e5bc3b4f624..b90109ac9f5 100644 --- a/packages/react-console/src/components/VncConsole/__tests__/VncConsoleActions.test.tsx +++ b/packages/react-console/src/components/VncConsole/__tests__/VncConsoleActions.test.tsx @@ -1,14 +1,15 @@ import React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; +import { mount } from 'enzyme'; import { VncActions } from '../VncActions'; test('placeholder render test', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('VncActions renders correctly component hierarchy', () => { - const view = shallow( + const view = render( { onDisconnect={jest.fn()} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('VncActions renders correctly html', () => { - const view = shallow( + const view = render( { onDisconnect={jest.fn()} /> ); - expect(view.html()).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('VncActions calls ctrl+alt+del action', () => { diff --git a/packages/react-console/src/components/VncConsole/__tests__/__snapshots__/VncConsole.test.tsx.snap b/packages/react-console/src/components/VncConsole/__tests__/__snapshots__/VncConsole.test.tsx.snap index e404ee0135c..2221815cb3c 100644 --- a/packages/react-console/src/components/VncConsole/__tests__/__snapshots__/VncConsole.test.tsx.snap +++ b/packages/react-console/src/components/VncConsole/__tests__/__snapshots__/VncConsole.test.tsx.snap @@ -1,22 +1,46 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`placeholder render test 1`] = ` - +
- - - - Connecting - - +
+
+
+
+
+ Connecting +
+
+
- +
`; diff --git a/packages/react-console/src/components/VncConsole/__tests__/__snapshots__/VncConsoleActions.test.tsx.snap b/packages/react-console/src/components/VncConsole/__tests__/__snapshots__/VncConsoleActions.test.tsx.snap index 3e48965224e..4862d8a4cb3 100644 --- a/packages/react-console/src/components/VncConsole/__tests__/__snapshots__/VncConsoleActions.test.tsx.snap +++ b/packages/react-console/src/components/VncConsole/__tests__/__snapshots__/VncConsoleActions.test.tsx.snap @@ -1,71 +1,181 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`VncActions renders correctly component hierarchy 1`] = ` -
- - foobar - , - ] - } - id="pf-c-console__send-shortcut" - isOpen={false} - onSelect={[Function]} - toggle={ - +
+
+ + + My Send Shortcut description + + + + + +
+ +
`; -exports[`VncActions renders correctly html 1`] = `"
"`; +exports[`VncActions renders correctly html 1`] = ` +
+
+
+ +
+ +
+
+`; exports[`placeholder render test 1`] = ` -
- - Ctrl+Alt+Del - , - ] - } - id="pf-c-console__send-shortcut" - isOpen={false} - onSelect={[Function]} - toggle={ - +
+
+ + + Send Key + + + + + +
+ +
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBox.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBox.test.tsx index 07cd9333785..7540481d510 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBox.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBox.test.tsx @@ -1,12 +1,12 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBox } from '../AboutModalBox'; test('AboutModalBox Test', () => { - const view = shallow( + const view = render( This is a AboutModalBox ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxBrand.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxBrand.test.tsx index 5b1624c6d1b..d10dc66425a 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxBrand.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxBrand.test.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxBrand } from '../AboutModalBoxBrand'; test('test About Modal Brand', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxCloseButton.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxCloseButton.test.tsx index 674b0a9dc98..7f6a82c010b 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxCloseButton.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxCloseButton.test.tsx @@ -1,20 +1,20 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxCloseButton } from '../AboutModalBoxCloseButton'; test('AboutModalBoxCloseButton Test', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('AboutModalBoxCloseButton Test onclose', () => { const onClose = jest.fn(); - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('AboutModalBoxCloseButton Test close button aria label', () => { const closeButtonAriaLabel = 'Klose Daylok'; - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxContent.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxContent.test.tsx index 3e41a300f70..cf163527829 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxContent.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxContent.test.tsx @@ -1,12 +1,12 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxContent } from '../AboutModalBoxContent'; test('AboutModalBoxContent Test', () => { - const view = shallow( + const view = render( This is a AboutModalBoxContent ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxHeader.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxHeader.test.tsx index 0c7f64266a4..042b66aa2af 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxHeader.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxHeader.test.tsx @@ -1,12 +1,12 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxHeader } from '../AboutModalBoxHeader'; test('AboutModalBoxHeader Test', () => { - const view = shallow( + const view = render( This is a AboutModalBox header ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxHero.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxHero.test.tsx index 17d02ed0644..4fe38a7970e 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxHero.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/AboutModalBoxHero.test.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxHero } from '../AboutModalBoxHero'; test('test About Modal Box SHero', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/AboutModalContainer.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/AboutModalContainer.test.tsx index 08b5bd40dad..984ed9b1db2 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/AboutModalContainer.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/AboutModalContainer.test.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalContainer } from '../AboutModalContainer'; const props = { @@ -13,24 +13,24 @@ const props = { 'aria-describedby': 'ariaDescribedById' }; test('About Modal Container Test simple', () => { - const view = shallow(This is ModalBox content); - expect(view).toMatchSnapshot(); + const view = render(This is ModalBox content); + expect(view.container).toMatchSnapshot(); }); test('About Modal Container Test isOpen', () => { - const view = shallow( + const view = render( This is ModalBox content ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('About Modal Container Test with onlose', () => { - const view = shallow( + const view = render( undefined} {...props}> This is ModalBox content ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModal.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModal.test.tsx index 09c62ef813b..c8236674aba 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModal.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModal.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModal } from '../../AboutModal'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AboutModal should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode
} className={"''"} @@ -23,5 +23,5 @@ it('AboutModal should match snapshot (auto-generated)', () => { appendTo={null} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBox.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBox.test.tsx index 2dfcdb32d4d..fd96f505a42 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBox.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBox.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBox } from '../../AboutModalBox'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AboutModalBox should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxBrand.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxBrand.test.tsx index 031136d8b9a..fce6e5f5b0f 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxBrand.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxBrand.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxBrand } from '../../AboutModalBoxBrand'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AboutModalBoxBrand should match snapshot (auto-generated)', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxCloseButton.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxCloseButton.test.tsx index f609da31adb..470923c8bb4 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxCloseButton.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxCloseButton.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxCloseButton } from '../../AboutModalBoxCloseButton'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AboutModalBoxCloseButton should match snapshot (auto-generated)', () => { - const view = shallow( undefined as any} />); - expect(view).toMatchSnapshot(); + const view = render( undefined as any} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxContent.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxContent.test.tsx index c6eb0e1b4fd..7ca8a7772f5 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxContent.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxContent.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxContent } from '../../AboutModalBoxContent'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AboutModalBoxContent should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -17,5 +17,5 @@ it('AboutModalBoxContent should match snapshot (auto-generated)', () => { noAboutModalBoxContentContainer={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxHeader.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxHeader.test.tsx index 8c980d03ac8..cddf99c7745 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxHeader.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxHeader.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxHeader } from '../../AboutModalBoxHeader'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AboutModalBoxHeader should match snapshot (auto-generated)', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxHero.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxHero.test.tsx index da445ac378e..858781f3931 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxHero.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalBoxHero.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalBoxHero } from '../../AboutModalBoxHero'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AboutModalBoxHero should match snapshot (auto-generated)', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalContainer.test.tsx b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalContainer.test.tsx index 95cadad61b2..7338696d1e1 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalContainer.test.tsx +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/AboutModalContainer.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AboutModalContainer } from '../../AboutModalContainer'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AboutModalContainer should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -23,5 +23,5 @@ it('AboutModalContainer should match snapshot (auto-generated)', () => { aria-describedby={'string'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModal.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModal.test.tsx.snap index 5b65e14b5b5..dde74272fd3 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModal.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModal.test.tsx.snap @@ -1,25 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`AboutModal should match snapshot (auto-generated) 1`] = ` -} -> - -
- ReactNode -
- - -`; +exports[`AboutModal should match snapshot (auto-generated) 1`] = `
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBox.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBox.test.tsx.snap index 1ba0f3c6d85..945365198d9 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBox.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBox.test.tsx.snap @@ -1,13 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBox should match snapshot (auto-generated) 1`] = ` -
-
- ReactNode +
+
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxBrand.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxBrand.test.tsx.snap index a4d9f884377..d21cd694cad 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxBrand.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxBrand.test.tsx.snap @@ -1,13 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBoxBrand should match snapshot (auto-generated) 1`] = ` -
- string +
+
+ string +
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap index 906c80019b4..dfe36299c81 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap @@ -1,19 +1,33 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBoxCloseButton should match snapshot (auto-generated) 1`] = ` -
- + +
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxContent.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxContent.test.tsx.snap index c6c35bb7674..fcba440f75d 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxContent.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxContent.test.tsx.snap @@ -1,25 +1,27 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBoxContent should match snapshot (auto-generated) 1`] = ` -
+
-
- ReactNode +
+
+ ReactNode +
+

+ string +

-

- string -

`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxHeader.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxHeader.test.tsx.snap index 28b29e9fa72..0c3d3424f1e 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxHeader.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxHeader.test.tsx.snap @@ -1,15 +1,19 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBoxHeader should match snapshot (auto-generated) 1`] = ` -
- + <div + class="pf-c-about-modal-box__header ''" > - '' - +

+ '' +

+
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxHero.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxHero.test.tsx.snap index 19f1124ee2d..6a6707001df 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxHero.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalBoxHero.test.tsx.snap @@ -1,12 +1,10 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBoxHero should match snapshot (auto-generated) 1`] = ` -
+
+
+
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalContainer.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalContainer.test.tsx.snap index b59bd771782..efe078efee1 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalContainer.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/Generated/__snapshots__/AboutModalContainer.test.tsx.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`AboutModalContainer should match snapshot (auto-generated) 1`] = `""`; +exports[`AboutModalContainer should match snapshot (auto-generated) 1`] = `
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBox.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBox.test.tsx.snap index 2888136341f..1b25f1fea3e 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBox.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBox.test.tsx.snap @@ -1,13 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBox Test 1`] = ` -
- This is a AboutModalBox +
+
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxBrand.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxBrand.test.tsx.snap index bdae58e086c..2ad630971bf 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxBrand.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxBrand.test.tsx.snap @@ -1,13 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`test About Modal Brand 1`] = ` -
- brand +
+
+ brand +
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap index d9e251eb27d..df8a6b40ea6 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap @@ -1,55 +1,97 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBoxCloseButton Test 1`] = ` -
- + +
`; exports[`AboutModalBoxCloseButton Test close button aria label 1`] = ` -
- + +
`; exports[`AboutModalBoxCloseButton Test onclose 1`] = ` -
- + +
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxContent.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxContent.test.tsx.snap index 422175b22e4..185ba240824 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxContent.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxContent.test.tsx.snap @@ -1,23 +1,25 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBoxContent Test 1`] = ` -
+
- This is a AboutModalBoxContent +
+ This is a AboutModalBoxContent +
+

+ trademark +

-

- trademark -

`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxHeader.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxHeader.test.tsx.snap index e7caeb44e56..32348ed7e29 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxHeader.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxHeader.test.tsx.snap @@ -1,15 +1,19 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AboutModalBoxHeader Test 1`] = ` -
- + <div + class="pf-c-about-modal-box__header" > - Product Name - +

+ Product Name +

+
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxHero.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxHero.test.tsx.snap index 0504632d5e5..790bb5cd1c3 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxHero.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxHero.test.tsx.snap @@ -1,12 +1,10 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`test About Modal Box SHero 1`] = ` -
+
+
+
`; diff --git a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalContainer.test.tsx.snap b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalContainer.test.tsx.snap index c1413712bee..632cfcc6e6d 100644 --- a/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalContainer.test.tsx.snap +++ b/packages/react-core/src/components/AboutModal/__tests__/__snapshots__/AboutModalContainer.test.tsx.snap @@ -1,48 +1,97 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`About Modal Container Test isOpen 1`] = ` - - +
- - - - - - This is ModalBox content - - - - - +
+ Brand Image +
+
+ +
+
+

+ Product Name +

+
+
+
+
+ This is ModalBox content +
+
+

+ Trademark and copyright information here +

+
+
+
+
+
+
`; -exports[`About Modal Container Test simple 1`] = `""`; +exports[`About Modal Container Test simple 1`] = `
`; -exports[`About Modal Container Test with onlose 1`] = `""`; +exports[`About Modal Container Test with onlose 1`] = `
`; diff --git a/packages/react-core/src/components/Accordion/__tests__/Accordion.test.tsx b/packages/react-core/src/components/Accordion/__tests__/Accordion.test.tsx index 843097ccfcd..07dedc1824f 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Accordion.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/Accordion.test.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; +import { mount } from 'enzyme'; import { Accordion } from '../Accordion'; import { AccordionToggle } from '../AccordionToggle'; import { AccordionContent } from '../AccordionContent'; @@ -8,12 +9,12 @@ import { AccordionExpandedContentBody } from '../AccordionExpandedContentBody'; describe('Accordion', () => { test('Accordion default', () => { - const view = shallow(); - expect(view.render()).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Accordion with non-default headingLevel', () => { - const view = shallow( + const view = render( Item One @@ -21,7 +22,7 @@ describe('Accordion', () => { ); - expect(view.render()).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('It should pass optional aria props', () => { @@ -64,7 +65,7 @@ describe('Accordion', () => { }); test('Accordion bordered', () => { - const view = shallow( + const view = render( Item One @@ -72,11 +73,11 @@ describe('Accordion', () => { ); - expect(view.render()).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Accordion display large', () => { - const view = shallow( + const view = render( Item One @@ -84,11 +85,11 @@ describe('Accordion', () => { ); - expect(view.render()).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Accordion custom content', () => { - const view = shallow( + const view = render( Item One @@ -99,6 +100,6 @@ describe('Accordion', () => { ); - expect(view.render()).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/Accordion/__tests__/Generated/Accordion.test.tsx b/packages/react-core/src/components/Accordion/__tests__/Generated/Accordion.test.tsx index 4fb0618b238..9aecfb400d9 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Generated/Accordion.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/Generated/Accordion.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Accordion } from '../../Accordion'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Accordion should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -18,5 +18,5 @@ it('Accordion should match snapshot (auto-generated)', () => { noBoxShadow={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionContent.test.tsx b/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionContent.test.tsx index 2fefd7bbe63..a35f15e76e0 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionContent.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionContent.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AccordionContent } from '../../AccordionContent'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AccordionContent should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -19,5 +19,5 @@ it('AccordionContent should match snapshot (auto-generated)', () => { component={() =>
} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionItem.test.tsx b/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionItem.test.tsx index d69ad0a91a6..9e370c32c73 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionItem.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionItem.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AccordionItem } from '../../AccordionItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AccordionItem should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionToggle.test.tsx b/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionToggle.test.tsx index 2f9f0a8bc7a..dea3730d1de 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionToggle.test.tsx +++ b/packages/react-core/src/components/Accordion/__tests__/Generated/AccordionToggle.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AccordionToggle } from '../../AccordionToggle'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AccordionToggle should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -17,5 +17,5 @@ it('AccordionToggle should match snapshot (auto-generated)', () => { component={() =>
} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/Accordion.test.tsx.snap b/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/Accordion.test.tsx.snap index 4fe6268ceea..14c12884126 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/Accordion.test.tsx.snap +++ b/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/Accordion.test.tsx.snap @@ -1,20 +1,12 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Accordion should match snapshot (auto-generated) 1`] = ` -
- +
ReactNode - -
+
+
`; diff --git a/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionContent.test.tsx.snap b/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionContent.test.tsx.snap index 5d975bc1ee9..7891a9ee4e1 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionContent.test.tsx.snap +++ b/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionContent.test.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AccordionContent should match snapshot (auto-generated) 1`] = ` - - - +
+
+
`; diff --git a/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionItem.test.tsx.snap b/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionItem.test.tsx.snap index 0c837ab952a..1affeb4e2e1 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionItem.test.tsx.snap +++ b/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionItem.test.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AccordionItem should match snapshot (auto-generated) 1`] = ` - +
ReactNode - +
`; diff --git a/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionToggle.test.tsx.snap b/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionToggle.test.tsx.snap index e67fee810f2..68b3a392903 100644 --- a/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionToggle.test.tsx.snap +++ b/packages/react-core/src/components/Accordion/__tests__/Generated/__snapshots__/AccordionToggle.test.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AccordionToggle should match snapshot (auto-generated) 1`] = ` - - - +
+
+
`; diff --git a/packages/react-core/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap b/packages/react-core/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap index fe2f163de89..b20d7847778 100644 --- a/packages/react-core/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap +++ b/packages/react-core/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap @@ -1,212 +1,222 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Accordion Accordion bordered 1`] = ` -
-
- -
-
+
-
+ + +
- Item One Content -
-
-
+
+ Item One Content +
+ + +
`; exports[`Accordion Accordion custom content 1`] = ` -
-
- -
-
+
-
- Item one content body 1 -
-
+ + +
- Item one Content body 2 -
-
-
+
+ Item one content body 1 +
+
+ Item one Content body 2 +
+ + +
`; exports[`Accordion Accordion default 1`] = ` -
+
+
+
`; exports[`Accordion Accordion display large 1`] = ` -
-
- -
-
+
-
+ + +
- Item One Content -
-
-
+
+ Item One Content +
+ +
+
`; exports[`Accordion Accordion with non-default headingLevel 1`] = ` -
-

- -

+
+

+ +

- Item One Content +
+ Item One Content +
diff --git a/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx b/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx index 4761d91643f..a531f44d10e 100644 --- a/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx +++ b/packages/react-core/src/components/ActionList/__tests__/ActionList.test.tsx @@ -1,14 +1,14 @@ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { ActionList } from '../ActionList'; describe('action list', () => { test('renders successfully', () => { - const view = mount(test); - expect(view).toMatchSnapshot(); + const view = render(test); + expect(view.container).toMatchSnapshot(); }); test('isIconList flag adds modifier', () => { - const view = mount(test); - expect(view).toMatchSnapshot(); + const view = render(test); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/ActionList/__tests__/ActionListGroup.test.tsx b/packages/react-core/src/components/ActionList/__tests__/ActionListGroup.test.tsx index 925dfe719cd..8744d36ecd1 100644 --- a/packages/react-core/src/components/ActionList/__tests__/ActionListGroup.test.tsx +++ b/packages/react-core/src/components/ActionList/__tests__/ActionListGroup.test.tsx @@ -1,10 +1,10 @@ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { ActionListGroup } from '../ActionListGroup'; describe('action list group', () => { test('renders successfully', () => { - const view = mount(test); - expect(view).toMatchSnapshot(); + const view = render(test); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/ActionList/__tests__/ActionListItem.test.tsx b/packages/react-core/src/components/ActionList/__tests__/ActionListItem.test.tsx index a5284478ab6..7d84d727eb7 100644 --- a/packages/react-core/src/components/ActionList/__tests__/ActionListItem.test.tsx +++ b/packages/react-core/src/components/ActionList/__tests__/ActionListItem.test.tsx @@ -1,10 +1,10 @@ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { ActionListItem } from '../ActionListItem'; describe('action list item', () => { test('renders successfully', () => { - const view = mount(test); - expect(view).toMatchSnapshot(); + const view = render(test); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionList.test.tsx.snap b/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionList.test.tsx.snap index 8972715bdc9..c24a4e5c800 100644 --- a/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionList.test.tsx.snap +++ b/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionList.test.tsx.snap @@ -1,23 +1,21 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`action list isIconList flag adds modifier 1`] = ` - +
test
- +
`; exports[`action list renders successfully 1`] = ` - +
test
- +
`; diff --git a/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionListGroup.test.tsx.snap b/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionListGroup.test.tsx.snap index bcfa4682ff3..40020482ddc 100644 --- a/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionListGroup.test.tsx.snap +++ b/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionListGroup.test.tsx.snap @@ -1,11 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`action list group renders successfully 1`] = ` - +
test
- +
`; diff --git a/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionListItem.test.tsx.snap b/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionListItem.test.tsx.snap index 83588009eb5..f2b20743a09 100644 --- a/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionListItem.test.tsx.snap +++ b/packages/react-core/src/components/ActionList/__tests__/__snapshots__/ActionListItem.test.tsx.snap @@ -1,11 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`action list item renders successfully 1`] = ` - +
test
- +
`; diff --git a/packages/react-core/src/components/Alert/__tests__/Alert.test.tsx b/packages/react-core/src/components/Alert/__tests__/Alert.test.tsx index 27a8eae0821..5096e9f7b3d 100644 --- a/packages/react-core/src/components/Alert/__tests__/Alert.test.tsx +++ b/packages/react-core/src/components/Alert/__tests__/Alert.test.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import { Alert, AlertVariant } from '../Alert'; @@ -19,39 +20,39 @@ test('default Alert variant is default', () => { Object.values(AlertVariant).forEach(variant => { describe(`Alert - ${variant}`, () => { test('Description', () => { - const view = mount( + const view = render( Some alert ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Title', () => { - const view = mount( + const view = render( Some alert ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Heading level', () => { - const view = mount( + const view = render( Some alert ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Action Link', () => { - const view = mount( + const view = render( test]} title=""> Some alert ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Action Close Button', () => { @@ -71,16 +72,16 @@ Object.values(AlertVariant).forEach(variant => { }); test('Action and Title', () => { - const view = mount( + const view = render( test]} title="Some title"> Some alert ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Custom aria label', () => { - const view = mount( + const view = render( { Some alert ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('inline variation', () => { - const view = mount( + const view = render( Some alert ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('expandable variation', () => { - const view = mount( + const view = render(

Success alert description. This should tell the user more information about the alert.

 ) - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }) test('expandable variation description hidden', () => { @@ -122,12 +123,12 @@ Object.values(AlertVariant).forEach(variant => { }) test('Toast alerts match snapsnot', () => { - const view = mount( + const view = render( Some toast alert ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Toast alerts contain default live region', () => { @@ -170,7 +171,7 @@ Object.values(AlertVariant).forEach(variant => { }); test('Custom icon', () => { - const view = mount( + const view = render( } variant={variant} @@ -180,7 +181,7 @@ Object.values(AlertVariant).forEach(variant => { Some noisy alert ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); }); diff --git a/packages/react-core/src/components/Alert/__tests__/Generated/Alert.test.tsx b/packages/react-core/src/components/Alert/__tests__/Generated/Alert.test.tsx index 65d864cfb9c..b52893828be 100644 --- a/packages/react-core/src/components/Alert/__tests__/Generated/Alert.test.tsx +++ b/packages/react-core/src/components/Alert/__tests__/Generated/Alert.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Alert } from '../../Alert'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Alert should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { isLiveRegion={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Alert/__tests__/Generated/AlertActionLink.test.tsx b/packages/react-core/src/components/Alert/__tests__/Generated/AlertActionLink.test.tsx index 35ca1fd9f51..861c033b6ff 100644 --- a/packages/react-core/src/components/Alert/__tests__/Generated/AlertActionLink.test.tsx +++ b/packages/react-core/src/components/Alert/__tests__/Generated/AlertActionLink.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AlertActionLink } from '../../AlertActionLink'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AlertActionLink should match snapshot (auto-generated)', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Alert/__tests__/Generated/AlertIcon.test.tsx b/packages/react-core/src/components/Alert/__tests__/Generated/AlertIcon.test.tsx index 775220b7d44..606eed7f023 100644 --- a/packages/react-core/src/components/Alert/__tests__/Generated/AlertIcon.test.tsx +++ b/packages/react-core/src/components/Alert/__tests__/Generated/AlertIcon.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AlertIcon } from '../../AlertIcon'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AlertIcon should match snapshot (auto-generated)', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/Alert.test.tsx.snap b/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/Alert.test.tsx.snap index 6acee74b3f0..4259bbcde39 100644 --- a/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/Alert.test.tsx.snap +++ b/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/Alert.test.tsx.snap @@ -1,32 +1,47 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Alert should match snapshot (auto-generated) 1`] = ` -
- -

+
- - string - -
- ReactNode +
-

-
+

+ + string + +
+ ReactNode +
+

+ +
+
`; diff --git a/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionLink.test.tsx.snap b/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionLink.test.tsx.snap index 99614afacf5..5d1275789fe 100644 --- a/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionLink.test.tsx.snap +++ b/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionLink.test.tsx.snap @@ -1,11 +1,16 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AlertActionLink should match snapshot (auto-generated) 1`] = ` - +
+ +
`; diff --git a/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap b/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap index 979cce00275..c29860e3421 100644 --- a/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap +++ b/packages/react-core/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap @@ -1,13 +1,23 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AlertIcon should match snapshot (auto-generated) 1`] = ` -
- +
+
+ +
`; diff --git a/packages/react-core/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap b/packages/react-core/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap index f3cf36c2a01..ea4b0f049b6 100644 --- a/packages/react-core/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap +++ b/packages/react-core/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap @@ -131,757 +131,553 @@ exports[`Alert - danger Action Close Button 1`] = ` `; exports[`Alert - danger Action Link 1`] = ` - - test - , - ] - } - title="" - variant="danger" -> +
- - - + + +

Danger alert: +

Some alert
- - - - - + test +
- +
`; exports[`Alert - danger Action and Title 1`] = ` - - test - , - ] - } - title="Some title" - variant="danger" -> +
- - - + + +

Danger alert: Some title

Some alert
- - - - - + test +
- +
`; exports[`Alert - danger Custom aria label 1`] = ` - - test - , - ] - } - aria-label="Custom aria label for danger" - title="Some title" - variant="danger" -> +
- - - + + +

Danger alert: Some title

Some alert
- - - - - + test +
- +
`; exports[`Alert - danger Custom icon 1`] = ` - - } - title="custom icon alert title" - variant="danger" -> +
- - } - variant="danger" +
- - + + +

Danger alert: custom icon alert title

Some noisy alert
- +
`; exports[`Alert - danger Description 1`] = ` - +
- - - + + +

Danger alert: +

Some alert
- +
`; exports[`Alert - danger Heading level 1`] = ` - +
- - - + + +

Danger alert: Some title

Some alert
- +
`; exports[`Alert - danger Title 1`] = ` - +
- - - + + +

Danger alert: Some title

Some alert
- +
`; exports[`Alert - danger Toast alerts match snapsnot 1`] = ` - +
- - +

+ + Danger alert: + + Some title +

+
+ Some toast alert +
+
+
+`; + +exports[`Alert - danger expandable variation 1`] = ` +
+
+
+
- + + +
+
+ +

Danger alert: Some title

+
+
+`; + +exports[`Alert - danger inline variation 1`] = ` +
+
- Some toast alert + +
+

+ + Danger alert: + + Some title +

+
+ Some alert
- +
`; -exports[`Alert - danger expandable variation 1`] = ` +exports[`Alert - default Action Close Button 1`] = ` + } + title="Sample default alert" + variant="default" >
-
- - - - - -
- - +

- Danger alert: - - Some title -

-
- -`; - -exports[`Alert - danger inline variation 1`] = ` - -
- -
- - - - - -
- -

- - Danger alert: - - Some title -

-
- Some alert -
-
- -`; - -exports[`Alert - default Action Close Button 1`] = ` - - } - title="Sample default alert" - variant="default" -> -
- -
- - - - - -
- -

- - Default alert: + Default alert: Sample default alert

@@ -1118,860 +782,524 @@ exports[`Alert - default Action Close Button 1`] = ` `; exports[`Alert - default Action Link 1`] = ` - - test - , - ] - } - title="" - variant="default" -> +
- - - + + +

Default alert: +

Some alert
- - - - - + test +
- +
`; exports[`Alert - default Action and Title 1`] = ` - - test - , - ] - } - title="Some title" - variant="default" -> +
- - - + + +

Default alert: Some title

Some alert
- - - - - + test +
- +
`; exports[`Alert - default Custom aria label 1`] = ` - - test - , - ] - } - aria-label="Custom aria label for default" - title="Some title" - variant="default" -> +
- - - + + +

Default alert: Some title

Some alert
- - - - - + test +
- +
`; exports[`Alert - default Custom icon 1`] = ` - - } - title="custom icon alert title" - variant="default" -> +
- - } - variant="default" +
- - + + +

Default alert: custom icon alert title

Some noisy alert
- +
`; exports[`Alert - default Description 1`] = ` - +
- - - + + +

Default alert: +

Some alert
- +
`; exports[`Alert - default Heading level 1`] = ` - +
- - - + + +

Default alert: Some title

Some alert
- +
`; exports[`Alert - default Title 1`] = ` - +
- - - + + +

Default alert: Some title

Some alert
- + `; exports[`Alert - default Toast alerts match snapsnot 1`] = ` - +
- - - + + +

Default alert: Some title

Some toast alert
- + `; exports[`Alert - default expandable variation 1`] = ` - +
- -
- -
- - -
- + + +
+
+ +

Default alert: Some title

- + `; exports[`Alert - default inline variation 1`] = ` - +
- - - + + +

Default alert: Some title

Some alert
- + `; exports[`Alert - info Action Close Button 1`] = ` @@ -2105,860 +1433,524 @@ exports[`Alert - info Action Close Button 1`] = ` `; exports[`Alert - info Action Link 1`] = ` - - test - , - ] - } - title="" - variant="info" -> +
- - - + + +

Info alert: +

Some alert
- - - - - + test +
- + `; exports[`Alert - info Action and Title 1`] = ` - - test - , - ] - } - title="Some title" - variant="info" -> +
- - - + + +

Info alert: Some title

Some alert
- - - - - + test +
- + `; exports[`Alert - info Custom aria label 1`] = ` - - test - , - ] - } - aria-label="Custom aria label for info" - title="Some title" - variant="info" -> +
- - - + + +

Info alert: Some title

Some alert
- - - - - + test +
- + `; exports[`Alert - info Custom icon 1`] = ` - - } - title="custom icon alert title" - variant="info" -> +
- - } - variant="info" +
- - + + +

Info alert: custom icon alert title

Some noisy alert
- +
`; exports[`Alert - info Description 1`] = ` - +
- - - + + +

Info alert: +

Some alert
- + `; exports[`Alert - info Heading level 1`] = ` - +
- - - + + +

Info alert: Some title

Some alert
- + `; exports[`Alert - info Title 1`] = ` - +
- - - + + +

Info alert: Some title

Some alert
- + `; exports[`Alert - info Toast alerts match snapsnot 1`] = ` - +
- - - + + +

Info alert: Some title

Some toast alert
- + `; exports[`Alert - info expandable variation 1`] = ` - +
- -
- -
- - -
- + + +
+
+ +

Info alert: Some title

- + `; exports[`Alert - info inline variation 1`] = ` - +
- - - + + +

Info alert: Some title

Some alert
- + `; exports[`Alert - success Action Close Button 1`] = ` @@ -3092,860 +2084,524 @@ exports[`Alert - success Action Close Button 1`] = ` `; exports[`Alert - success Action Link 1`] = ` - - test - , - ] - } - title="" - variant="success" -> +
- - - + + +

Success alert: +

Some alert
- - - - - + test +
- + `; exports[`Alert - success Action and Title 1`] = ` - - test - , - ] - } - title="Some title" - variant="success" -> +
- - - + + +

Success alert: Some title

Some alert
- - - - - + test +
- + `; exports[`Alert - success Custom aria label 1`] = ` - - test - , - ] - } - aria-label="Custom aria label for success" - title="Some title" - variant="success" -> +
- - - + + +

Success alert: Some title

Some alert
- - - - - + test +
- + `; exports[`Alert - success Custom icon 1`] = ` - - } - title="custom icon alert title" - variant="success" -> +
- - } - variant="success" +
- - + + +

Success alert: custom icon alert title

Some noisy alert
- +
`; exports[`Alert - success Description 1`] = ` - +
- - - + + +

Success alert: +

Some alert
- + `; exports[`Alert - success Heading level 1`] = ` - +
- - - + + +

Success alert: Some title

Some alert
- + `; exports[`Alert - success Title 1`] = ` - +
- - - + + +

Success alert: Some title

Some alert
- + `; exports[`Alert - success Toast alerts match snapsnot 1`] = ` - +
- - - + + +

Success alert: Some title

Some toast alert
- + `; exports[`Alert - success expandable variation 1`] = ` - +
- -
- -
- - -
- + + +
+
+ +

Success alert: Some title

- + `; exports[`Alert - success inline variation 1`] = ` - +
- - - + + +

Success alert: Some title

Some alert
- + `; exports[`Alert - warning Action Close Button 1`] = ` @@ -4079,858 +2735,522 @@ exports[`Alert - warning Action Close Button 1`] = ` `; exports[`Alert - warning Action Link 1`] = ` - - test - , - ] - } - title="" - variant="warning" -> +
- - - + + +

Warning alert: +

Some alert
- - - - - + test +
- + `; exports[`Alert - warning Action and Title 1`] = ` - - test - , - ] - } - title="Some title" - variant="warning" -> +
- - - + + +

Warning alert: Some title

Some alert
- - - - - + test +
- + `; exports[`Alert - warning Custom aria label 1`] = ` - - test - , - ] - } - aria-label="Custom aria label for warning" - title="Some title" - variant="warning" -> +
- - - + + +

Warning alert: Some title

Some alert
- - - - - + test +
- + `; exports[`Alert - warning Custom icon 1`] = ` - - } - title="custom icon alert title" - variant="warning" -> +
- - } - variant="warning" +
- - + + +

Warning alert: custom icon alert title

- Some noisy alert -
-
- -`; - -exports[`Alert - warning Description 1`] = ` - -
- -
- - - - - -
- + class="pf-c-alert__description" + > + Some noisy alert +
+
+ +`; + +exports[`Alert - warning Description 1`] = ` +
+
+
+ +

Warning alert: +

Some alert
- +
`; exports[`Alert - warning Heading level 1`] = ` - +
- - - + + +

Warning alert: Some title

Some alert
- + `; exports[`Alert - warning Title 1`] = ` - +
- - - + + +

Warning alert: Some title

Some alert
- + `; exports[`Alert - warning Toast alerts match snapsnot 1`] = ` - +
- - - + + +

Warning alert: Some title

Some toast alert
- + `; exports[`Alert - warning expandable variation 1`] = ` - +
- -
- -
- - -
- + + +
+
+ +

Warning alert: Some title

- + `; exports[`Alert - warning inline variation 1`] = ` - +
- - - + + +

Warning alert: Some title

Some alert
- + `; diff --git a/packages/react-core/src/components/AlertGroup/__tests__/AlertGroup.test.tsx b/packages/react-core/src/components/AlertGroup/__tests__/AlertGroup.test.tsx index 78b3b480a42..7cf285f34a4 100644 --- a/packages/react-core/src/components/AlertGroup/__tests__/AlertGroup.test.tsx +++ b/packages/react-core/src/components/AlertGroup/__tests__/AlertGroup.test.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; +import { mount, shallow } from 'enzyme'; import { Alert } from '../../Alert'; import { AlertGroup } from '../../AlertGroup'; import { AlertActionCloseButton } from '../../../components/Alert/AlertActionCloseButton'; @@ -8,17 +9,17 @@ jest.spyOn(document, 'createElement'); jest.spyOn(document.body, 'addEventListener'); test('Alert Group works with zero children', () => { - const view = shallow(); + const view = render(); expect(view).toBeTruthy(); }); test('Alert Group should match snapshot', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Alert Group works with n children', () => { - const view = shallow( + const view = render( diff --git a/packages/react-core/src/components/AlertGroup/__tests__/Generated/AlertGroup.test.tsx b/packages/react-core/src/components/AlertGroup/__tests__/Generated/AlertGroup.test.tsx index d7e7365f495..343a29efe32 100644 --- a/packages/react-core/src/components/AlertGroup/__tests__/Generated/AlertGroup.test.tsx +++ b/packages/react-core/src/components/AlertGroup/__tests__/Generated/AlertGroup.test.tsx @@ -2,14 +2,14 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AlertGroup } from '../../AlertGroup'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AlertGroup should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} isToast={true} appendTo={undefined} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AlertGroup/__tests__/Generated/AlertGroupInline.test.tsx b/packages/react-core/src/components/AlertGroup/__tests__/Generated/AlertGroupInline.test.tsx index 97b0d4e81bb..e52e2776498 100644 --- a/packages/react-core/src/components/AlertGroup/__tests__/Generated/AlertGroupInline.test.tsx +++ b/packages/react-core/src/components/AlertGroup/__tests__/Generated/AlertGroupInline.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { AlertGroupInline } from '../../AlertGroupInline'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('AlertGroupInline should match snapshot (auto-generated)', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/AlertGroup/__tests__/Generated/__snapshots__/AlertGroup.test.tsx.snap b/packages/react-core/src/components/AlertGroup/__tests__/Generated/__snapshots__/AlertGroup.test.tsx.snap index f16bccf2e6f..b46feaf5cc5 100644 --- a/packages/react-core/src/components/AlertGroup/__tests__/Generated/__snapshots__/AlertGroup.test.tsx.snap +++ b/packages/react-core/src/components/AlertGroup/__tests__/Generated/__snapshots__/AlertGroup.test.tsx.snap @@ -1,16 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`AlertGroup should match snapshot (auto-generated) 1`] = ` -} -> - -
- ReactNode -
- - -`; +exports[`AlertGroup should match snapshot (auto-generated) 1`] = `
`; diff --git a/packages/react-core/src/components/AlertGroup/__tests__/Generated/__snapshots__/AlertGroupInline.test.tsx.snap b/packages/react-core/src/components/AlertGroup/__tests__/Generated/__snapshots__/AlertGroupInline.test.tsx.snap index 6a36de3ff4f..cfa118d32f4 100644 --- a/packages/react-core/src/components/AlertGroup/__tests__/Generated/__snapshots__/AlertGroupInline.test.tsx.snap +++ b/packages/react-core/src/components/AlertGroup/__tests__/Generated/__snapshots__/AlertGroupInline.test.tsx.snap @@ -1,9 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AlertGroupInline should match snapshot (auto-generated) 1`] = ` -
`; exports[`BreadcrumbHeading component should render default breadcrumbHeading 1`] = ` -
  • -

    +
  • - Item -

    • -
    • +

    + Item +

    + + `; exports[`BreadcrumbHeading component should render link breadcrumbTitle 1`] = ` -
  • -

    +
  • - - Item - -

    • -
    • + + Item + + + + `; diff --git a/packages/react-core/src/components/Breadcrumb/__tests__/__snapshots__/BreadcrumbItem.test.tsx.snap b/packages/react-core/src/components/Breadcrumb/__tests__/__snapshots__/BreadcrumbItem.test.tsx.snap index 022a982a46e..ddcfdc28697 100644 --- a/packages/react-core/src/components/Breadcrumb/__tests__/__snapshots__/BreadcrumbItem.test.tsx.snap +++ b/packages/react-core/src/components/Breadcrumb/__tests__/__snapshots__/BreadcrumbItem.test.tsx.snap @@ -1,73 +1,89 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`BreadcrumbItem component should render active breadcrumbItem 1`] = ` -
  • - Item -
    • +
    +
  • + Item +
    • +
    `; exports[`BreadcrumbItem component should render breadcrumbItem with className 1`] = ` -
  • - Item -
    • +
    +
  • + Item +
    • +
    `; exports[`BreadcrumbItem component should render breadcrumbItem with component 1`] = ` -
  • - Stuff -
    • +
    +
  • + Stuff +
    • +
    `; exports[`BreadcrumbItem component should render breadcrumbItem with custom element 1`] = ` -
  • -

    - Header -

    -
    • +
    +
  • +

    + Header +

    +
    • +
    `; exports[`BreadcrumbItem component should render breadcrumbItem with id 1`] = ` -
  • - Item -
    • +
    +
  • + Item +
    • +
    `; exports[`BreadcrumbItem component should render breadcrumbItem with target 1`] = ` -
  • - Item -
    • +
    +
  • + Item +
    • +
    `; exports[`BreadcrumbItem component should render default breadcrumbItem 1`] = ` -
  • - Item -
    • +
    +
  • + Item +
    • +
    `; exports[`BreadcrumbItem component should render link breadcrumbItem 1`] = ` -
  • - +
  • - Item - -
    • + + Item + + + `; diff --git a/packages/react-core/src/components/Button/__tests__/Button.test.tsx b/packages/react-core/src/components/Button/__tests__/Button.test.tsx index a7847bf3b18..3cc349e220d 100644 --- a/packages/react-core/src/components/Button/__tests__/Button.test.tsx +++ b/packages/react-core/src/components/Button/__tests__/Button.test.tsx @@ -1,16 +1,17 @@ import { Button, ButtonVariant } from '../Button'; import React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import CartArrowDownIcon from '@patternfly/react-icons/dist/esm/icons/cart-arrow-down-icon'; Object.values(ButtonVariant).forEach(variant => { test(`${variant} button`, () => { - const view = mount( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); @@ -21,82 +22,82 @@ test('it adds an aria-label to plain buttons', () => { }); test('link with icon', () => { - const view = mount( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('isBlock', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('isDisabled', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('isDanger secondary', () => { - const view = mount( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('isDanger link', () => { - const view = mount( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('isAriaDisabled button', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('isAriaDisabled link button', () => { - const view = mount( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('isInline', () => { - const view = mount( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('isSmall', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('isLarge', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('isLoading', () => { - const view = mount( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('allows passing in a string as the component', () => { @@ -112,12 +113,12 @@ test('allows passing in a React Component as the component', () => { }); test('aria-disabled is set to true and tabIndex to -1 if component is not a button and is disabled', () => { - const view = mount( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('setting tab index through props', () => { @@ -126,6 +127,6 @@ test('setting tab index through props', () => { }); test('isLoading icon only', () => { - const view = mount( + `; diff --git a/packages/react-core/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap b/packages/react-core/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap index 050490030d8..4c672f5bb81 100644 --- a/packages/react-core/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +++ b/packages/react-core/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap @@ -1,680 +1,392 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`aria-disabled is set to true and tabIndex to -1 if component is not a button and is disabled 1`] = ` - + Disabled Anchor Button + + `; exports[`control button 1`] = ` - - - + control + Button + + `; exports[`danger button 1`] = ` - - - + danger + Button + + `; exports[`isAriaDisabled button 1`] = ` - - - + Disabled yet focusable button + + `; exports[`isAriaDisabled link button 1`] = ` - + Disabled yet focusable button + + `; exports[`isBlock 1`] = ` - - - + Block Button + + `; exports[`isDanger link 1`] = ` - - - + Disabled Button + + `; exports[`isDanger secondary 1`] = ` - - - + Disabled Button + + `; exports[`isDisabled 1`] = ` - - - + Disabled Button + + `; exports[`isInline 1`] = ` - - - + Hovered Button + + `; exports[`isLarge 1`] = ` - - - + Large Button + + `; exports[`isLoading 1`] = ` - - - + + Loading Button + + `; exports[`isLoading icon only 1`] = ` - - - + +
    + ICON +
    + + `; exports[`isSmall 1`] = ` - - - + Small Button + + `; exports[`link button 1`] = ` - - - + link + Button + + `; exports[`link with icon 1`] = ` - - - + + + + Block Button + + `; exports[`plain button 1`] = ` - - - + plain + Button + + `; exports[`primary button 1`] = ` - - - + primary + Button + + `; exports[`secondary button 1`] = ` - - - + secondary + Button + + `; exports[`tertiary button 1`] = ` - - - + tertiary + Button + + `; exports[`warning button 1`] = ` - - - + warning + Button + + `; diff --git a/packages/react-core/src/components/Card/__tests__/Card.test.tsx b/packages/react-core/src/components/Card/__tests__/Card.test.tsx index 74f0aead476..466660ab2d9 100644 --- a/packages/react-core/src/components/Card/__tests__/Card.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/Card.test.tsx @@ -26,7 +26,7 @@ test('allows passing in a string as the component', () => { test('allows passing in a React Component as the component', () => { const Component = () =>
    im a div
    ; - const view = shallow().dive(); + const view = shallow().dive(); expect(view.type()).toBe(Component); }); @@ -103,5 +103,3 @@ test('card warns when isLarge and isCompact', () => { shallow(); expect(consoleWarnMock).toBeCalled(); }); - - diff --git a/packages/react-core/src/components/Card/__tests__/CardBody.test.tsx b/packages/react-core/src/components/Card/__tests__/CardBody.test.tsx index 3b3af576f34..82c4027540c 100644 --- a/packages/react-core/src/components/Card/__tests__/CardBody.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/CardBody.test.tsx @@ -1,10 +1,11 @@ import React from 'react'; import { CardBody } from '../CardBody'; +import { render } from '@testing-library/react'; import { shallow } from 'enzyme'; test('renders with PatternFly Core styles', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('className is added to the root element', () => { @@ -26,11 +27,11 @@ test('allows passing in a string as the component', () => { test('allows passing in a React Component as the component', () => { const Component = () =>
    im a div
    ; - const view = shallow(); + const view = shallow(); expect(view.type()).toBe(Component); }); test('body with no-fill applied ', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Card/__tests__/CardExpandableContent.test.tsx b/packages/react-core/src/components/Card/__tests__/CardExpandableContent.test.tsx index b530d1b0c0f..76dddfd1462 100644 --- a/packages/react-core/src/components/Card/__tests__/CardExpandableContent.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/CardExpandableContent.test.tsx @@ -1,13 +1,13 @@ import React from 'react'; import { CardContext } from '../Card'; import { CardExpandableContent } from '../CardExpandableContent'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; test('renders successfully', () => { - const view = mount( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Card/__tests__/CardFooter.test.tsx b/packages/react-core/src/components/Card/__tests__/CardFooter.test.tsx index 29d1c7bb0d9..778f149a6a5 100644 --- a/packages/react-core/src/components/Card/__tests__/CardFooter.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/CardFooter.test.tsx @@ -1,10 +1,11 @@ import React from 'react'; import { CardFooter } from '../CardFooter'; +import { render } from '@testing-library/react'; import { shallow } from 'enzyme'; test('renders with PatternFly Core styles', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('className is added to the root element', () => { @@ -26,6 +27,6 @@ test('allows passing in a string as the component', () => { test('allows passing in a React Component as the component', () => { const Component = () =>
    im a div
    ; - const view = shallow(); + const view = shallow(); expect(view.type()).toBe(Component); }); diff --git a/packages/react-core/src/components/Card/__tests__/CardHeadMain.test.tsx b/packages/react-core/src/components/Card/__tests__/CardHeadMain.test.tsx index cd47817e372..e1932b2e9cc 100644 --- a/packages/react-core/src/components/Card/__tests__/CardHeadMain.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/CardHeadMain.test.tsx @@ -1,10 +1,11 @@ import React from 'react'; import { CardHeadMain } from '../CardHeadMain'; +import { render } from '@testing-library/react'; import { shallow } from 'enzyme'; test('renders with PatternFly Core styles', () => { - const view = shallow(text); - expect(view).toMatchSnapshot(); + const view = render(text); + expect(view.container).toMatchSnapshot(); }); test('className is added to the root element', () => { diff --git a/packages/react-core/src/components/Card/__tests__/CardHeader.test.tsx b/packages/react-core/src/components/Card/__tests__/CardHeader.test.tsx index 8e513349ce8..193af3fd795 100644 --- a/packages/react-core/src/components/Card/__tests__/CardHeader.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/CardHeader.test.tsx @@ -1,11 +1,12 @@ import React from 'react'; import { CardTitle } from '../CardTitle'; import { CardHeader } from '../CardHeader'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; +import { shallow } from 'enzyme'; test('renders with PatternFly Core styles', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('className is added to the root element', () => { @@ -20,6 +21,6 @@ test('extra props are spread to the root element', () => { }); test('onExpand adds the toggle button', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Card/__tests__/CardHeaderMain.test.tsx b/packages/react-core/src/components/Card/__tests__/CardHeaderMain.test.tsx index 98066c5d2d7..8a48d52b798 100644 --- a/packages/react-core/src/components/Card/__tests__/CardHeaderMain.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/CardHeaderMain.test.tsx @@ -1,10 +1,11 @@ import React from 'react'; import { CardHeaderMain } from '../CardHeaderMain'; +import { render } from '@testing-library/react'; import { shallow } from 'enzyme'; test('renders with PatternFly Core styles', () => { - const view = shallow(text); - expect(view).toMatchSnapshot(); + const view = render(text); + expect(view.container).toMatchSnapshot(); }); test('className is added to the root element', () => { diff --git a/packages/react-core/src/components/Card/__tests__/Generated/Card.test.tsx b/packages/react-core/src/components/Card/__tests__/Generated/Card.test.tsx index 15122db4c03..7387124c701 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/Card.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/Generated/Card.test.tsx @@ -2,14 +2,14 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Card } from '../../Card'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Card should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} component={'article'} isHoverable={false} isCompact={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Card/__tests__/Generated/CardActions.test.tsx b/packages/react-core/src/components/Card/__tests__/Generated/CardActions.test.tsx index 40aa7358712..5ac751885c1 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/CardActions.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/Generated/CardActions.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { CardActions } from '../../CardActions'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('CardActions should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Card/__tests__/Generated/CardBody.test.tsx b/packages/react-core/src/components/Card/__tests__/Generated/CardBody.test.tsx index 86c830b8f2c..c13fd386c6d 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/CardBody.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/Generated/CardBody.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { CardBody } from '../../CardBody'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('CardBody should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} component={'div'} isFilled={true} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} component={'div'} isFilled={true} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Card/__tests__/Generated/CardFooter.test.tsx b/packages/react-core/src/components/Card/__tests__/Generated/CardFooter.test.tsx index 4f3eeaeb4c6..2e8e6409436 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/CardFooter.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/Generated/CardFooter.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { CardFooter } from '../../CardFooter'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('CardFooter should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} component={'div'} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} component={'div'} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Card/__tests__/Generated/CardHead.test.tsx b/packages/react-core/src/components/Card/__tests__/Generated/CardHead.test.tsx index 6205c207a8c..9e5a78b1ae6 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/CardHead.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/Generated/CardHead.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { CardHeader } from '../../CardHeader'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('CardHeader should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Card/__tests__/Generated/CardHeader.test.tsx b/packages/react-core/src/components/Card/__tests__/Generated/CardHeader.test.tsx index 8fefdab3bd8..8ed78451053 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/CardHeader.test.tsx +++ b/packages/react-core/src/components/Card/__tests__/Generated/CardHeader.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { CardTitle } from '../../CardTitle'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('CardTitle should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/Card.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/Card.test.tsx.snap index 67c8d702ef4..e1b43c0443a 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/Card.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/Card.test.tsx.snap @@ -1,22 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Card should match snapshot (auto-generated) 1`] = ` - +
    ReactNode
    - +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardActions.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardActions.test.tsx.snap index bcc461b478d..b34dba7fb48 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardActions.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardActions.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`CardActions should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardBody.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardBody.test.tsx.snap index ae7134a14c3..a48eb8012b5 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardBody.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardBody.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`CardBody should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardFooter.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardFooter.test.tsx.snap index 70c23781ad4..a571e98157e 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardFooter.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardFooter.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`CardFooter should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardHead.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardHead.test.tsx.snap index 0ecca4c0013..e6c954d28ee 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardHead.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardHead.test.tsx.snap @@ -1,7 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`CardHeader should match snapshot (auto-generated) 1`] = ` - - - +
    +
    + ReactNode +
    +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardHeader.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardHeader.test.tsx.snap index 62395ca666f..74e27373199 100644 --- a/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardHeader.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/Generated/__snapshots__/CardHeader.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`CardTitle should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardBody.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardBody.test.tsx.snap index 23fa5c9e969..47e3756c533 100644 --- a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardBody.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardBody.test.tsx.snap @@ -1,15 +1,19 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`body with no-fill applied 1`] = ` -
    +
    +
    +
    `; exports[`className is added to the root element 1`] = `"pf-c-card__body extra-class"`; exports[`renders with PatternFly Core styles 1`] = ` -
    +
    +
    +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardExpandableContent.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardExpandableContent.test.tsx.snap index 8d4c11bb53d..6e8487ae131 100644 --- a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardExpandableContent.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardExpandableContent.test.tsx.snap @@ -1,9 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`renders successfully 1`] = ` - +
    - +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardFooter.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardFooter.test.tsx.snap index ae7755c230a..4e88210d910 100644 --- a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardFooter.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardFooter.test.tsx.snap @@ -3,7 +3,9 @@ exports[`className is added to the root element 1`] = `"pf-c-card__footer extra-class"`; exports[`renders with PatternFly Core styles 1`] = ` -
    +
    +
    +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeadMain.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeadMain.test.tsx.snap index c03990dedc3..be75a137b39 100644 --- a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeadMain.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeadMain.test.tsx.snap @@ -3,9 +3,11 @@ exports[`className is added to the root element 1`] = `"pf-c-card__head-main extra-class"`; exports[`renders with PatternFly Core styles 1`] = ` -
    - text +
    +
    + text +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap index 71d10de5dab..5ecee036cba 100644 --- a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap @@ -3,77 +3,48 @@ exports[`className is added to the root element 1`] = `"pf-c-card__title extra-class"`; exports[`onExpand adds the toggle button 1`] = ` - +
    - - - + + + +
    - +
    `; exports[`renders with PatternFly Core styles 1`] = ` -
    +
    +
    +
    `; diff --git a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeaderMain.test.tsx.snap b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeaderMain.test.tsx.snap index 1cb8ca244fe..0ebd86d2694 100644 --- a/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeaderMain.test.tsx.snap +++ b/packages/react-core/src/components/Card/__tests__/__snapshots__/CardHeaderMain.test.tsx.snap @@ -3,9 +3,11 @@ exports[`className is added to the root element 1`] = `"extra-class"`; exports[`renders with PatternFly Core styles 1`] = ` -
    - text +
    +
    + text +
    `; diff --git a/packages/react-core/src/components/Checkbox/__tests__/Checkbox.test.tsx b/packages/react-core/src/components/Checkbox/__tests__/Checkbox.test.tsx index 8f8b8f5d1f3..53f56eba314 100644 --- a/packages/react-core/src/components/Checkbox/__tests__/Checkbox.test.tsx +++ b/packages/react-core/src/components/Checkbox/__tests__/Checkbox.test.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { shallow } from 'enzyme'; import { Checkbox } from '../Checkbox'; @@ -8,49 +9,49 @@ const props = { }; test('controlled', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('controlled - 3rd state', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('uncontrolled', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('isDisabled', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('label is string', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('label is function', () => { const functionLabel = () =>

    Header

    ; - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('label is node', () => { - const view = shallow(Header} id="check" isChecked aria-label="check" />); - expect(view).toMatchSnapshot(); + const view = render(Header} id="check" isChecked aria-label="check" />); + expect(view.container).toMatchSnapshot(); }); test('passing class', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('passing HTML attribute', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('passing description', () => { @@ -80,6 +81,6 @@ test('checkbox passes value and event to onChange handler', () => { test('should throw console error when no id is given', () => { const myMock = jest.fn(); global.console = { ...global.console, error: myMock }; - shallow(); + render(); expect(myMock).toBeCalled(); }); diff --git a/packages/react-core/src/components/Checkbox/__tests__/Generated/Checkbox.test.tsx b/packages/react-core/src/components/Checkbox/__tests__/Generated/Checkbox.test.tsx index 59c87eaadee..e975b75fd28 100644 --- a/packages/react-core/src/components/Checkbox/__tests__/Generated/Checkbox.test.tsx +++ b/packages/react-core/src/components/Checkbox/__tests__/Generated/Checkbox.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Checkbox } from '../../Checkbox'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Checkbox should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { description={
    ReactNode
    } /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Checkbox/__tests__/Generated/__snapshots__/Checkbox.test.tsx.snap b/packages/react-core/src/components/Checkbox/__tests__/Generated/__snapshots__/Checkbox.test.tsx.snap index 59d9cbe93c2..a6b6d61a171 100644 --- a/packages/react-core/src/components/Checkbox/__tests__/Generated/__snapshots__/Checkbox.test.tsx.snap +++ b/packages/react-core/src/components/Checkbox/__tests__/Generated/__snapshots__/Checkbox.test.tsx.snap @@ -1,36 +1,35 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Checkbox should match snapshot (auto-generated) 1`] = ` -
    - -
    `; diff --git a/packages/react-core/src/components/Checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap b/packages/react-core/src/components/Checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap index 65e647a16ce..4ac95705e2c 100644 --- a/packages/react-core/src/components/Checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap +++ b/packages/react-core/src/components/Checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap @@ -1,213 +1,214 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`controlled - 3rd state 1`] = ` -
    - +
    +
    + +
    `; exports[`controlled 1`] = ` -
    - +
    +
    + +
    `; exports[`isDisabled 1`] = ` -
    - +
    +
    + +
    `; exports[`label is function 1`] = ` -
    - -
    `; exports[`label is node 1`] = ` -
    - -
    `; exports[`label is string 1`] = ` -
    - -
    `; exports[`passing HTML attribute 1`] = ` -
    - -
    `; exports[`passing class 1`] = ` -
    - -
    `; exports[`uncontrolled 1`] = ` -
    - +
    +
    + +
    `; diff --git a/packages/react-core/src/components/Chip/__tests__/Chip.test.tsx b/packages/react-core/src/components/Chip/__tests__/Chip.test.tsx index 6a578311c55..10ae9a7180b 100644 --- a/packages/react-core/src/components/Chip/__tests__/Chip.test.tsx +++ b/packages/react-core/src/components/Chip/__tests__/Chip.test.tsx @@ -1,43 +1,43 @@ import React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chip } from '../Chip'; describe('Chip', () => { test('overflow', () => { - const view = mount( + const view = render( 4 more ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('closable', () => { - const view = mount( + const view = render( Chip ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('closable with tooltip', () => { - const view = mount( + const view = render( 1234567890123456789 ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('readonly', () => { - const view = mount( + const view = render( 4 more ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/Chip/__tests__/Generated/Chip.test.tsx b/packages/react-core/src/components/Chip/__tests__/Generated/Chip.test.tsx index fd792460fb6..19c08ba88e0 100644 --- a/packages/react-core/src/components/Chip/__tests__/Generated/Chip.test.tsx +++ b/packages/react-core/src/components/Chip/__tests__/Generated/Chip.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Chip } from '../../Chip'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Chip should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode
    } closeBtnAriaLabel={"'close'"} @@ -20,5 +20,5 @@ it('Chip should match snapshot (auto-generated)', () => { tooltipPosition={'top'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Chip/__tests__/Generated/__snapshots__/Chip.test.tsx.snap b/packages/react-core/src/components/Chip/__tests__/Generated/__snapshots__/Chip.test.tsx.snap index 031848c52f6..c531062a654 100644 --- a/packages/react-core/src/components/Chip/__tests__/Generated/__snapshots__/Chip.test.tsx.snap +++ b/packages/react-core/src/components/Chip/__tests__/Generated/__snapshots__/Chip.test.tsx.snap @@ -1,9 +1,46 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Chip should match snapshot (auto-generated) 1`] = ` - - - +
    +
    + +
    + ReactNode +
    +     + +
    +
    `; diff --git a/packages/react-core/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap b/packages/react-core/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap index a0da5430b5f..50d661bbb03 100644 --- a/packages/react-core/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +++ b/packages/react-core/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap @@ -1,241 +1,122 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Chip closable 1`] = ` - - +
    -
    - - Chip - - -
    - - + + + +
    +
    `; exports[`Chip closable with tooltip 1`] = ` - - +
    -
    - - 1234567890123456789 - - -
    - - + + + +
    +
    `; exports[`Chip overflow 1`] = ` - - +
    -
    - - 4 more - -
    - - + 4 more + +
    +
    `; exports[`Chip readonly 1`] = ` - - +
    -
    - - 4 more - -
    - - + 4 more + +
    +
    `; diff --git a/packages/react-core/src/components/ChipGroup/__tests__/ChipGroup.test.tsx b/packages/react-core/src/components/ChipGroup/__tests__/ChipGroup.test.tsx index bd49afe5e2a..eb9afc42e2f 100644 --- a/packages/react-core/src/components/ChipGroup/__tests__/ChipGroup.test.tsx +++ b/packages/react-core/src/components/ChipGroup/__tests__/ChipGroup.test.tsx @@ -1,35 +1,36 @@ import React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import { ChipGroup } from '../index'; import { Chip } from '../../Chip'; describe('ChipGroup', () => { test('chip group default', () => { - const view = mount( + const view = render( 1.1 ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('chip group with category', () => { - const view = mount( + const view = render( 1.1 ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('chip group with closable category', () => { - const view = mount( + const view = render( 1.1 ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('chip group expanded', () => { @@ -53,11 +54,11 @@ describe('ChipGroup', () => { }); test('chip group with category and tooltip', () => { - const view = mount( + const view = render( 1.1 ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/ChipGroup/__tests__/Generated/ChipGroup.test.tsx b/packages/react-core/src/components/ChipGroup/__tests__/Generated/ChipGroup.test.tsx index ce8b7caeadb..4963dc89568 100644 --- a/packages/react-core/src/components/ChipGroup/__tests__/Generated/ChipGroup.test.tsx +++ b/packages/react-core/src/components/ChipGroup/__tests__/Generated/ChipGroup.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ChipGroup } from '../../ChipGroup'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ChipGroup should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode
    } className={"''"} @@ -20,5 +20,5 @@ it('ChipGroup should match snapshot (auto-generated)', () => { numChips={3} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/ChipGroup.test.tsx.snap b/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/ChipGroup.test.tsx.snap index 8ae20a39831..2deba334b03 100644 --- a/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/ChipGroup.test.tsx.snap +++ b/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/ChipGroup.test.tsx.snap @@ -1,9 +1,33 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChipGroup should match snapshot (auto-generated) 1`] = ` - - - +
    +
    +
    + +
      +
    • +
      + ReactNode +
      +
      • +
    +
    +
    +
    `; diff --git a/packages/react-core/src/components/ChipGroup/__tests__/__snapshots__/ChipGroup.test.tsx.snap b/packages/react-core/src/components/ChipGroup/__tests__/__snapshots__/ChipGroup.test.tsx.snap index 654c1bd061e..8b3e48f0038 100644 --- a/packages/react-core/src/components/ChipGroup/__tests__/__snapshots__/ChipGroup.test.tsx.snap +++ b/packages/react-core/src/components/ChipGroup/__tests__/__snapshots__/ChipGroup.test.tsx.snap @@ -1,606 +1,309 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ChipGroup chip group default 1`] = ` - - +
    -
    -
      -
    • - - + - - -
    - - - - -
    + + + +
    + +
    - - +
    +
    `; exports[`ChipGroup chip group with category 1`] = ` - - +
    -
    - - category - -
      +
        +
      • -
      • - - + - - -
    - - - - -
    + + + +
    + +
    - - +
    +
    `; exports[`ChipGroup chip group with category and tooltip 1`] = ` - - +
    -
    - - A very long category name - -
      +
        +
      • -
      • - - + - - -
    - - - - -
    + + + +
    + +
    - - +
    +
    `; exports[`ChipGroup chip group with closable category 1`] = ` - - +
    -
    - - category - -
      -
    • - - -
      - - 1.1 - - - - -
      -       -       -
      • -
    -
    -
    +
      - - - -
    +
    + + +
    +
    +
    -     -     +
    +
    `; diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyButton.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyButton.test.tsx index 0014300db8d..cd848b09279 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyButton.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyButton.test.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; import { ClipboardCopyButton } from '../ClipboardCopyButton'; import { Button } from '../../Button'; @@ -16,17 +17,18 @@ const props = { }; test('copy button render', () => { - const view = shallow(Copy Me); - expect(view).toMatchSnapshot(); + const view = render(Copy Me); + expect(view.container).toMatchSnapshot(); }); test('copy button onClick', () => { const onclick = jest.fn(); - const view = shallow( + render( Copy to Clipboard ); - view.find(Button).simulate('click'); + + userEvent.click(screen.getByRole('button')); expect(onclick).toBeCalled(); }); diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyExpanded.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyExpanded.test.tsx index d9895b6f02a..c563a1e247a 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyExpanded.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyExpanded.test.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ClipboardCopyExpanded } from '../ClipboardCopyExpanded'; const props = { @@ -8,16 +8,16 @@ const props = { }; test('expanded content render', () => { - const view = shallow(This is my text); - expect(view).toMatchSnapshot(); + const view = render(This is my text); + expect(view.container).toMatchSnapshot(); }); test('expanded code content render', () => { - const view = shallow( + const view = render( {`{ "name": "@patternfly/react-core", "version": "1.33.2" }`} ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyToggle.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyToggle.test.tsx index ec134271105..7f18a60f981 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyToggle.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyToggle.test.tsx @@ -1,7 +1,8 @@ import React from 'react'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; import { shallow } from 'enzyme'; import { ClipboardCopyToggle } from '../ClipboardCopyToggle'; -import { Button } from '../../Button'; const props = { id: 'my-id', @@ -14,14 +15,15 @@ const props = { test('toggle button render', () => { const desc = 'toggle content'; - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('toggle button onClick', () => { const onclick = jest.fn(); - const view = shallow(); - view.find(Button).simulate('click'); + render(); + + userEvent.click(screen.getByRole('button')); expect(onclick).toBeCalled(); }); diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopy.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopy.test.tsx index ec5d13276bc..fce94b99d24 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopy.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopy.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ClipboardCopy } from '../../ClipboardCopy'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ClipboardCopy should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { children={
    ReactNode
    } /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyButton.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyButton.test.tsx index 851a6b32e56..94dda6f9442 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyButton.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyButton.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ClipboardCopyButton } from '../../ClipboardCopyButton'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ClipboardCopyButton should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( undefined as void} children={
    ReactNode
    } @@ -22,5 +22,5 @@ it('ClipboardCopyButton should match snapshot (auto-generated)', () => { aria-label={"'Copyable input'"} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyExpanded.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyExpanded.test.tsx index e2deb563f1c..f3d55f39d12 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyExpanded.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyExpanded.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ClipboardCopyExpanded } from '../../ClipboardCopyExpanded'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ClipboardCopyExpanded should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode
    } @@ -17,5 +17,5 @@ it('ClipboardCopyExpanded should match snapshot (auto-generated)', () => { isCode={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyToggle.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyToggle.test.tsx index b20dd18b10e..1550727b3e0 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyToggle.test.tsx +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/ClipboardCopyToggle.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ClipboardCopyToggle } from '../../ClipboardCopyToggle'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ClipboardCopyToggle should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( undefined as void} id={'string'} @@ -18,5 +18,5 @@ it('ClipboardCopyToggle should match snapshot (auto-generated)', () => { className={"''"} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopy.test.tsx.snap b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopy.test.tsx.snap index fa84a73b7e0..14815e61e0e 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopy.test.tsx.snap +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopy.test.tsx.snap @@ -1,13 +1,50 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ClipboardCopy should match snapshot (auto-generated) 1`] = ` -
    - +
    - - +
    + + +
    +
    `; diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyButton.test.tsx.snap b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyButton.test.tsx.snap index 4ab590a2530..d6f321eba8f 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyButton.test.tsx.snap +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyButton.test.tsx.snap @@ -1,34 +1,31 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ClipboardCopyButton should match snapshot (auto-generated) 1`] = ` - -
    - ReactNode -
    -
    - } - entryDelay={100} - exitDelay={100} - maxWidth="'100px'" - position="top" - trigger="mouseenter focus click" -> - - + + + `; diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyExpanded.test.tsx.snap b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyExpanded.test.tsx.snap index 075505d4203..1dc7d36105e 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyExpanded.test.tsx.snap +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyExpanded.test.tsx.snap @@ -1,14 +1,14 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ClipboardCopyExpanded should match snapshot (auto-generated) 1`] = ` -
    -
    - ReactNode +
    +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyToggle.test.tsx.snap b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyToggle.test.tsx.snap index 05ca79decd4..9e7a7fa416e 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyToggle.test.tsx.snap +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopyToggle.test.tsx.snap @@ -1,21 +1,32 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ClipboardCopyToggle should match snapshot (auto-generated) 1`] = ` - +
    + +
    `; diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap b/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap index ed1c18f04f6..1d98b4a72bd 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap @@ -1,32 +1,31 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`copy button render 1`] = ` - - Copy Me -
    - } - entryDelay={2000} - exitDelay={1000} - maxWidth="500px" - position="right" - trigger="mouseenter focus click" -> - - + + +
    `; diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyExpanded.test.tsx.snap b/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyExpanded.test.tsx.snap index aa53a36d2f1..12f9d08af3d 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyExpanded.test.tsx.snap +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyExpanded.test.tsx.snap @@ -1,30 +1,30 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`expanded code content render 1`] = ` -
    - 
    -    {
+
    
+  
    
+    
    +      {
     "name": "@patternfly/react-core",
     "version": "1.33.2"
   }
-  
    
+
    +
    `; exports[`expanded content render 1`] = ` -
    - This is my text +
    +
    + This is my text +
    `; diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap b/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap index 7b3e299f77d..191aca6a4fd 100644 --- a/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap +++ b/packages/react-core/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap @@ -1,22 +1,33 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`toggle button render 1`] = ` - +
    + +
    `; diff --git a/packages/react-core/src/components/CodeBlock/__tests__/CodeBlock.test.tsx b/packages/react-core/src/components/CodeBlock/__tests__/CodeBlock.test.tsx index a55deba96f2..0f8cb77d51e 100644 --- a/packages/react-core/src/components/CodeBlock/__tests__/CodeBlock.test.tsx +++ b/packages/react-core/src/components/CodeBlock/__tests__/CodeBlock.test.tsx @@ -1,30 +1,30 @@ import React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { CodeBlock } from '../CodeBlock'; import { CodeBlockAction } from '../CodeBlockAction'; import { CodeBlockCode } from '../CodeBlockCode'; test('CodeBlock renders successfully', () => { - const view = shallow(test text); - expect(view).toMatchSnapshot(); + const view = render(test text); + expect(view.container).toMatchSnapshot(); }); test('CodeBlockAction renders successfully', () => { - const view = shallow(action); - expect(view).toMatchSnapshot(); + const view = render(action); + expect(view.container).toMatchSnapshot(); }); test('CodeBlockCode renders successfully', () => { - const view = shallow(action); - expect(view).toMatchSnapshot(); + const view = render(action); + expect(view.container).toMatchSnapshot(); }); test('CodeBlock with components renders successfully', () => { - const view = mount( + const view = render( button}> inside pre/code tags test outer text ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/CodeBlock/__tests__/__snapshots__/CodeBlock.test.tsx.snap b/packages/react-core/src/components/CodeBlock/__tests__/__snapshots__/CodeBlock.test.tsx.snap index c7bbdfa4fb3..d1b0cea0068 100644 --- a/packages/react-core/src/components/CodeBlock/__tests__/__snapshots__/CodeBlock.test.tsx.snap +++ b/packages/react-core/src/components/CodeBlock/__tests__/__snapshots__/CodeBlock.test.tsx.snap @@ -1,86 +1,82 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`CodeBlock renders successfully 1`] = ` -
    +
    -
    -
    - test text + class="pf-c-code-block__header" + > +
    +
    +
    + test text +
    `; exports[`CodeBlock with components renders successfully 1`] = ` - - button - - } -> +
    - -
    - button -
    -     +
    + button +
    - - 
    +        
-          
-            inside pre/code tags
-          
-
    -     + inside pre/code tags + + test outer text
    - +
    `; exports[`CodeBlockAction renders successfully 1`] = ` -
    - action +
    +
    + action +
    `; exports[`CodeBlockCode renders successfully 1`] = ` -
    -  
+  
    -    action
-  
-
    
+    
+      action
+    
+
    +
    `; diff --git a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelector.test.tsx b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelector.test.tsx index 62afc86d3ff..8961f19c1eb 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelector.test.tsx +++ b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelector.test.tsx @@ -1,5 +1,7 @@ import React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; +import { shallow } from 'enzyme'; import { ContextSelector } from '../ContextSelector'; import { ContextSelectorItem } from '../ContextSelectorItem'; @@ -12,8 +14,8 @@ const items = [ ]; test('Renders ContextSelector', () => { - const view = shallow( {items} ); - expect(view).toMatchSnapshot(); + const view = render( {items} ); + expect(view.container).toMatchSnapshot(); }); test('Renders ContextSelector open', () => { @@ -23,10 +25,8 @@ test('Renders ContextSelector open', () => { test('Verify onToggle is called ', () => { const mockfn = jest.fn(); - const view = mount( {items} ); - view - .find('button') - .at(0) - .simulate('click'); + render( {items} ); + + userEvent.click(screen.getByRole('button')); expect(mockfn.mock.calls).toHaveLength(1); }); diff --git a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorFooter.test.tsx b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorFooter.test.tsx index de328de7a26..6071a1445c6 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorFooter.test.tsx +++ b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorFooter.test.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { ContextSelectorFooter } from '../ContextSelectorFooter'; test('Renders ContextSelectorFooter', () => { - const view = shallow(testing text); - expect(view).toMatchSnapshot(); + const view = render(testing text); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorItem.test.tsx b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorItem.test.tsx index 461334721c7..5d309c55d80 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorItem.test.tsx +++ b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorItem.test.tsx @@ -1,35 +1,35 @@ import React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; import { ContextSelectorItem } from '../ContextSelectorItem'; test('Renders ContextSelectorItem', () => { - const view = shallow( + const view = render( My Project ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Renders ContextSelectorItem disabled and hovered', () => { - const view = shallow( + const view = render( My Project ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Verify onClick is called ', () => { const mockfn = jest.fn(); - const view = mount( + + render( My Project ); - view - .find('button') - .at(0) - .simulate('click'); + userEvent.click(screen.getByRole('button')); + expect(mockfn.mock.calls).toHaveLength(1); }); diff --git a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorMenuList.test.tsx b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorMenuList.test.tsx index 537764daed8..52873a86d0c 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorMenuList.test.tsx +++ b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorMenuList.test.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ContextSelectorItem } from '../ContextSelectorItem'; import { ContextSelectorMenuList } from '../ContextSelectorMenuList'; @@ -12,11 +12,11 @@ const items = [ ]; test('Renders ContextSelectorMenuList open', () => { - const view = shallow({items}); - expect(view).toMatchSnapshot(); + const view = render({items}); + expect(view.container).toMatchSnapshot(); }); test('Renders ContextSelectorMenuList closed', () => { - const view = shallow({items}); - expect(view).toMatchSnapshot(); + const view = render({items}); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorToggle.test.tsx b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorToggle.test.tsx index bfca14b418d..5ed5d7f2cbe 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorToggle.test.tsx +++ b/packages/react-core/src/components/ContextSelector/__tests__/ContextSelectorToggle.test.tsx @@ -1,10 +1,11 @@ import React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; +import { mount } from 'enzyme'; import { ContextSelectorToggle } from '../ContextSelectorToggle'; test('Renders ContextSelectorToggle', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Verify onToggle is called ', () => { diff --git a/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelector.test.tsx b/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelector.test.tsx index c0888b37880..7d9ba787f9d 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelector.test.tsx +++ b/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelector.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ContextSelector } from '../../ContextSelector'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ContextSelector should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -24,5 +24,5 @@ it('ContextSelector should match snapshot (auto-generated)', () => { onSearchButtonClick={() => undefined as any} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorItem.test.tsx b/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorItem.test.tsx index c09585a0144..9a492b346b2 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorItem.test.tsx +++ b/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorItem.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ContextSelectorItem } from '../../ContextSelectorItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ContextSelectorItem should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -19,5 +19,5 @@ it('ContextSelectorItem should match snapshot (auto-generated)', () => { sendRef={() => {}} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorMenuList.test.tsx b/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorMenuList.test.tsx index 94055748dab..b5251f82e4e 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorMenuList.test.tsx +++ b/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorMenuList.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ContextSelectorMenuList } from '../../ContextSelectorMenuList'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ContextSelectorMenuList should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} isOpen={true} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} isOpen={true} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorToggle.test.tsx b/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorToggle.test.tsx index 003086cffda..4a47888fbbc 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorToggle.test.tsx +++ b/packages/react-core/src/components/ContextSelector/__tests__/Generated/ContextSelectorToggle.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ContextSelectorToggle } from '../../ContextSelectorToggle'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ContextSelectorToggle should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { isActive={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelector.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelector.test.tsx.snap index f7e5cc7177f..f90b3fc5389 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelector.test.tsx.snap +++ b/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelector.test.tsx.snap @@ -1,30 +1,49 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ContextSelector should match snapshot (auto-generated) 1`] = ` -
    -
    `; diff --git a/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorItem.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorItem.test.tsx.snap index c9efa360908..a44f81a0244 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorItem.test.tsx.snap +++ b/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorItem.test.tsx.snap @@ -1,7 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ContextSelectorItem should match snapshot (auto-generated) 1`] = ` - - - +
    +
  • + +
    • +
    `; diff --git a/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorMenuList.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorMenuList.test.tsx.snap index 955eb12c5ca..ac697c53d1e 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorMenuList.test.tsx.snap +++ b/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorMenuList.test.tsx.snap @@ -1,11 +1,12 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ContextSelectorMenuList should match snapshot (auto-generated) 1`] = ` - +
    + +
    `; diff --git a/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorToggle.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorToggle.test.tsx.snap index 3fa8fb0bc23..3a1d9fe09d6 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorToggle.test.tsx.snap +++ b/packages/react-core/src/components/ContextSelector/__tests__/Generated/__snapshots__/ContextSelectorToggle.test.tsx.snap @@ -1,30 +1,35 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ContextSelectorToggle should match snapshot (auto-generated) 1`] = ` - + + '' + + + + + +
    `; diff --git a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap index a552c5f524a..12848307517 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap +++ b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap @@ -1,25 +1,43 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Renders ContextSelector 1`] = ` -
    - +
    +
    + + +
    `; diff --git a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorFooter.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorFooter.test.tsx.snap index f21532d15db..6c3be3d8909 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorFooter.test.tsx.snap +++ b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorFooter.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Renders ContextSelectorFooter 1`] = ` -
    - testing text +
    +
    + testing text +
    `; diff --git a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorItem.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorItem.test.tsx.snap index d491ae77586..be21268e7b0 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorItem.test.tsx.snap +++ b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorItem.test.tsx.snap @@ -1,13 +1,30 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Renders ContextSelectorItem 1`] = ` - - - +
    +
  • + +
    • +
    `; exports[`Renders ContextSelectorItem disabled and hovered 1`] = ` - - - +
    +
  • + +
    • +
    `; diff --git a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorMenuList.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorMenuList.test.tsx.snap index 40dcd09f70a..7f9a3fe4e89 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorMenuList.test.tsx.snap +++ b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorMenuList.test.tsx.snap @@ -1,129 +1,113 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Renders ContextSelectorMenuList closed 1`] = ` - +
    `; exports[`Renders ContextSelectorMenuList open 1`] = ` - +
    `; diff --git a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorToggle.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorToggle.test.tsx.snap index e0a8a7476eb..b36858e5388 100644 --- a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorToggle.test.tsx.snap +++ b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorToggle.test.tsx.snap @@ -1,28 +1,35 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Renders ContextSelectorToggle 1`] = ` - + + + + +
    `; exports[`Verify ESC press 1`] = ` diff --git a/packages/react-core/src/components/DataList/__tests__/DataList.test.tsx b/packages/react-core/src/components/DataList/__tests__/DataList.test.tsx index 1595be204a5..a4c5bcdb9f0 100644 --- a/packages/react-core/src/components/DataList/__tests__/DataList.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/DataList.test.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import { render } from '@testing-library/react'; import { shallow, mount } from 'enzyme'; import { DataList } from '../DataList'; import { DataListItem } from '../DataListItem'; @@ -13,43 +14,43 @@ import { DropdownItem, Dropdown, KebabToggle, DropdownPosition } from '../../Dro describe('DataList', () => { test('List default', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('List compact', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); describe('DataList variants', () => { ['none', 'always', 'sm', 'md', 'lg', 'xl', '2xl'].forEach(oneBreakpoint => { test(`Breakpoint - ${oneBreakpoint}`, () => { - const view = mount( - + const view = render( + ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); }); test('List draggable', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('List', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Item default', () => { - const view = shallow( + const view = render( test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Item expanded', () => { @@ -62,26 +63,26 @@ describe('DataList', () => { }); test('Item', () => { - const view = shallow( + const view = render( test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('item row default', () => { - const view = shallow(test); - expect(view).toMatchSnapshot(); + const view = render(test); + expect(view.container).toMatchSnapshot(); }); test('Cell default', () => { - const view = shallow(Secondary); - expect(view).toMatchSnapshot(); + const view = render(Secondary); + expect(view.container).toMatchSnapshot(); }); test('Cells', () => { - const view = shallow( + const view = render( @@ -93,7 +94,7 @@ describe('DataList', () => { ]} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Cell with width modifier', () => { @@ -117,7 +118,7 @@ describe('DataList', () => { test('Cell with text modifiers', () => { [ - { wrapModifier: null as const, class: '' }, + { wrapModifier: null as any, class: '' }, { wrapModifier: 'breakWord' as const, class: 'pf-m-break-word' }, { wrapModifier: 'nowrap' as const, class: 'pf-m-nowrap' }, { wrapModifier: 'truncate' as const, class: 'pf-m-truncate' }, @@ -149,7 +150,7 @@ describe('DataList', () => { }); test('DataListAction dropdown', () => { - const view = shallow( + const view = render( { /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('DataListAction button', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('DataListAction visibility - show button when lg', () => { @@ -208,16 +209,16 @@ describe('DataList', () => { }); test('DataListContent', () => { - const view = shallow( test); - expect(view).toMatchSnapshot(); + const view = render( test); + expect(view.container).toMatchSnapshot(); }); test('DataListContent hasNoPadding', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/DataList.test.tsx b/packages/react-core/src/components/DataList/__tests__/Generated/DataList.test.tsx index 68ff65da720..a7ffc2c87d2 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/DataList.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/Generated/DataList.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DataList } from '../../DataList'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DataList should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -17,5 +17,5 @@ it('DataList should match snapshot (auto-generated)', () => { selectedDataListItemId={"''"} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/DataListAction.test.tsx b/packages/react-core/src/components/DataList/__tests__/Generated/DataListAction.test.tsx index 6080a526636..10abf544d5a 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/DataListAction.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/Generated/DataListAction.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DataListAction } from '../../DataListAction'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DataListAction should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode
    } className={"''"} @@ -17,5 +17,5 @@ it('DataListAction should match snapshot (auto-generated)', () => { aria-label={'string'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/DataListCell.test.tsx b/packages/react-core/src/components/DataList/__tests__/Generated/DataListCell.test.tsx index 0c2773d606e..3e9c7cb758e 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/DataListCell.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/Generated/DataListCell.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DataListCell } from '../../DataListCell'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DataListCell should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -18,5 +18,5 @@ it('DataListCell should match snapshot (auto-generated)', () => { isIcon={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/DataListCheck.test.tsx b/packages/react-core/src/components/DataList/__tests__/Generated/DataListCheck.test.tsx index 03a527fc725..997b1544206 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/DataListCheck.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/Generated/DataListCheck.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DataListCheck } from '../../DataListCheck'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DataListCheck should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { aria-labelledby={'string'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/DataListContent.test.tsx b/packages/react-core/src/components/DataList/__tests__/Generated/DataListContent.test.tsx index 539a6001784..804af5fbad6 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/DataListContent.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/Generated/DataListContent.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DataListContent } from '../../DataListContent'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DataListContent should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -19,5 +19,5 @@ it('DataListContent should match snapshot (auto-generated)', () => { aria-label={'string'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/DataListItem.test.tsx b/packages/react-core/src/components/DataList/__tests__/Generated/DataListItem.test.tsx index 08a682f53c2..342cb404f68 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/DataListItem.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/Generated/DataListItem.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DataListItem } from '../../DataListItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DataListItem should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} @@ -17,5 +17,5 @@ it('DataListItem should match snapshot (auto-generated)', () => { id={"''"} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/DataListItemCells.test.tsx b/packages/react-core/src/components/DataList/__tests__/Generated/DataListItemCells.test.tsx index 7de1d235d57..a2ce7c39040 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/DataListItemCells.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/Generated/DataListItemCells.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DataListItemCells } from '../../DataListItemCells'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DataListItemCells should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} rowid={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} rowid={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/DataListItemRow.test.tsx b/packages/react-core/src/components/DataList/__tests__/Generated/DataListItemRow.test.tsx index 3ab2e09d590..462938f7a42 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/DataListItemRow.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/Generated/DataListItemRow.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DataListItemRow } from '../../DataListItemRow'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DataListItemRow should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} rowid={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} rowid={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/DataListToggle.test.tsx b/packages/react-core/src/components/DataList/__tests__/Generated/DataListToggle.test.tsx index e0149e9cc80..97fcec73b4a 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/DataListToggle.test.tsx +++ b/packages/react-core/src/components/DataList/__tests__/Generated/DataListToggle.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DataListToggle } from '../../DataListToggle'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DataListToggle should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { aria-controls={"''"} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataList.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataList.test.tsx.snap index 8f25c2bb31d..f2de81fb590 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataList.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataList.test.tsx.snap @@ -1,25 +1,12 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataList should match snapshot (auto-generated) 1`] = ` - +
      ReactNode
    - +
    `; diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListAction.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListAction.test.tsx.snap index c39d1c0e3f3..dc1d679fa6e 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListAction.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListAction.test.tsx.snap @@ -1,11 +1,13 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataListAction should match snapshot (auto-generated) 1`] = ` -
    -
    - ReactNode +
    +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListCell.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListCell.test.tsx.snap index 57c5393acb0..fa0883a0e27 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListCell.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListCell.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataListCell should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListCheck.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListCheck.test.tsx.snap index 5d5db286c1f..cf32e8d990a 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListCheck.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListCheck.test.tsx.snap @@ -1,22 +1,19 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataListCheck should match snapshot (auto-generated) 1`] = ` - +
    - +
    `; diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListContent.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListContent.test.tsx.snap index fec4344e715..f95fa84ff2c 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListContent.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListContent.test.tsx.snap @@ -1,16 +1,17 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataListContent should match snapshot (auto-generated) 1`] = ` - +
    + ReactNode +
    + +
    `; diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItem.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItem.test.tsx.snap index e62b4d2238e..6867381a9cc 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItem.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItem.test.tsx.snap @@ -1,7 +1,17 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataListItem should match snapshot (auto-generated) 1`] = ` - - - +
    +
  • +
    + ReactNode +
    +
    • +
    `; diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItemCells.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItemCells.test.tsx.snap index 44f4077f864..59a895e1644 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItemCells.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItemCells.test.tsx.snap @@ -1,11 +1,13 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataListItemCells should match snapshot (auto-generated) 1`] = ` -
    -
    - ReactNode +
    +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItemRow.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItemRow.test.tsx.snap index 0095a4761fb..cbde96e2ed0 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItemRow.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListItemRow.test.tsx.snap @@ -1,14 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataListItemRow should match snapshot (auto-generated) 1`] = ` -
    +
    - ReactNode +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap index 234eab582f3..0c8df40cb06 100644 --- a/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap @@ -1,31 +1,45 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataListToggle should match snapshot (auto-generated) 1`] = ` -
    +
    - +
    + +
    + +
    `; diff --git a/packages/react-core/src/components/DataList/__tests__/__snapshots__/DataList.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/__snapshots__/DataList.test.tsx.snap index 8683cdb90cf..b97acf72ee0 100644 --- a/packages/react-core/src/components/DataList/__tests__/__snapshots__/DataList.test.tsx.snap +++ b/packages/react-core/src/components/DataList/__tests__/__snapshots__/DataList.test.tsx.snap @@ -1,325 +1,254 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DataList Cell default 1`] = ` -
    - Secondary +
    +
    + Secondary +
    `; exports[`DataList Cells 1`] = ` -
    - - Primary Id - - +
    - Primary Id 2 - +
    + Primary Id +
    +
    + Primary Id 2 +
    +
    `; exports[`DataList DataList variants Breakpoint - 2xl 1`] = ` - +
      - +
    `; exports[`DataList DataList variants Breakpoint - always 1`] = ` - +
      - +
    `; exports[`DataList DataList variants Breakpoint - lg 1`] = ` - +
      - +
    `; exports[`DataList DataList variants Breakpoint - md 1`] = ` - +
      - +
    `; exports[`DataList DataList variants Breakpoint - none 1`] = ` - +
      - +
    `; exports[`DataList DataList variants Breakpoint - sm 1`] = ` - +
      - +
    `; exports[`DataList DataList variants Breakpoint - xl 1`] = ` - +
      - +
    `; exports[`DataList DataListAction button 1`] = ` -
    - + +
    `; exports[`DataList DataListAction dropdown 1`] = ` -
    +
    - +
    + +
    +
    `; exports[`DataList DataListContent 1`] = ` - +
    + test +
    + +
    `; exports[`DataList DataListContent hasNoPadding 1`] = ` - +
    + test +
    + +
    `; exports[`DataList Item 1`] = ` - - - +
    +
  • +
    • `; exports[`DataList Item default 1`] = ` - - - +
    +
  • +
    • `; exports[`DataList List 1`] = ` - +
      - +
    `; exports[`DataList List compact 1`] = ` - +
      - +
    `; exports[`DataList List default 1`] = ` - +
      - +
    `; exports[`DataList List draggable 1`] = ` - +
      - +
    `; exports[`DataList item row default 1`] = ` -
    +
    +
    +
    `; diff --git a/packages/react-core/src/components/DatePicker/__tests__/DatePicker.test.tsx b/packages/react-core/src/components/DatePicker/__tests__/DatePicker.test.tsx index 7806a913080..ff629e506f9 100644 --- a/packages/react-core/src/components/DatePicker/__tests__/DatePicker.test.tsx +++ b/packages/react-core/src/components/DatePicker/__tests__/DatePicker.test.tsx @@ -1,8 +1,8 @@ -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { DatePicker } from '../DatePicker'; import React from 'react'; test('disabled date picker', () => { - const view = mount(); - expect(view.find('input')).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap b/packages/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap index da981bd4bde..f2d63a54eae 100644 --- a/packages/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +++ b/packages/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap @@ -1,22 +1,52 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`disabled date picker 1`] = ` - +
    +
    +
    +
    + + +
    +
    + +
    +
    `; diff --git a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx index f9e8d6b01cc..883683b4e43 100644 --- a/packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx +++ b/packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { DescriptionList } from '../DescriptionList'; import { DescriptionListGroup } from '../DescriptionListGroup'; import { DescriptionListTerm } from '../DescriptionListTerm'; @@ -9,53 +9,53 @@ import { DescriptionListTermHelpTextButton } from '../DescriptionListTermHelpTex describe('Description List', () => { test('default', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('1 col on all breakpoints', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('2 col on all breakpoints', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('3 col on all breakpoints', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Horizontal Description List', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Compact Description List', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Compact Horizontal Description List', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Fluid Horizontal Description List', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('alignment breakpoints', () => { - const view = mount( + const view = render( { }} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Auto Column Widths Description List', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Inline Grid Description List', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Auto fit Description List', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('Auto fit with responsive grid Description List', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Term default', () => { - const view = shallow( + const view = render( test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Term helper text', () => { - const view = shallow( + const view = render( test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Group', () => { - const view = shallow( + const view = render( test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Description', () => { - const view = shallow( + const view = render( test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/DescriptionList/__tests__/__snapshots__/DescriptionList.test.tsx.snap b/packages/react-core/src/components/DescriptionList/__tests__/__snapshots__/DescriptionList.test.tsx.snap index 958efc49818..7e36ff91942 100644 --- a/packages/react-core/src/components/DescriptionList/__tests__/__snapshots__/DescriptionList.test.tsx.snap +++ b/packages/react-core/src/components/DescriptionList/__tests__/__snapshots__/DescriptionList.test.tsx.snap @@ -1,146 +1,165 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Description List 1 col on all breakpoints 1`] = ` -
    +
    +
    +
    `; exports[`Description List 2 col on all breakpoints 1`] = ` -
    +
    +
    +
    `; exports[`Description List 3 col on all breakpoints 1`] = ` -
    +
    +
    +
    `; exports[`Description List Auto Column Widths Description List 1`] = ` -
    +
    +
    +
    `; exports[`Description List Auto fit Description List 1`] = ` -
    +
    +
    +
    `; exports[`Description List Auto fit with responsive grid Description List 1`] = ` -
    +
    +
    +
    `; exports[`Description List Compact Description List 1`] = ` -
    +
    +
    +
    `; exports[`Description List Compact Horizontal Description List 1`] = ` -
    +
    +
    +
    `; exports[`Description List Description 1`] = ` -
    -
    +
    - test -
    - +
    + test +
    + +
    `; exports[`Description List Fluid Horizontal Description List 1`] = ` -
    +
    +
    +
    `; exports[`Description List Group 1`] = ` -
    - test +
    +
    + test +
    `; exports[`Description List Horizontal Description List 1`] = ` -
    +
    +
    +
    `; exports[`Description List Inline Grid Description List 1`] = ` -
    +
    +
    +
    `; exports[`Description List Term default 1`] = ` -
    - +
    - test - -
    + + test + + +
    `; exports[`Description List Term helper text 1`] = ` -
    - - test - -
    +
    +
    + + test + +
    +
    `; exports[`Description List alignment breakpoints 1`] = ` - +
    - +
    `; exports[`Description List default 1`] = ` -
    +
    +
    +
    `; diff --git a/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx b/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx index f9e94d18833..1c5b26bae27 100644 --- a/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx +++ b/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx @@ -1,30 +1,30 @@ import { Divider } from '../Divider'; import { Flex, FlexItem} from '../../../layouts/Flex'; import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; test('divider using hr', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('divider using li', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('divider using div', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('vertical divider', () => { - const view = shallow( + const view = render( first item second item ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Divider/__tests__/Generated/Divider.test.tsx b/packages/react-core/src/components/Divider/__tests__/Generated/Divider.test.tsx index 355302f80c5..8ed0e9470cd 100644 --- a/packages/react-core/src/components/Divider/__tests__/Generated/Divider.test.tsx +++ b/packages/react-core/src/components/Divider/__tests__/Generated/Divider.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Divider } from '../../Divider'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Divider should match snapshot (auto-generated)', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Divider/__tests__/Generated/__snapshots__/Divider.test.tsx.snap b/packages/react-core/src/components/Divider/__tests__/Generated/__snapshots__/Divider.test.tsx.snap index a57dc23d053..eb6b620b39c 100644 --- a/packages/react-core/src/components/Divider/__tests__/Generated/__snapshots__/Divider.test.tsx.snap +++ b/packages/react-core/src/components/Divider/__tests__/Generated/__snapshots__/Divider.test.tsx.snap @@ -1,7 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Divider should match snapshot (auto-generated) 1`] = ` -
    +
    +
    +
    `; diff --git a/packages/react-core/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap b/packages/react-core/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap index b07274cf593..b5414c85511 100644 --- a/packages/react-core/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap +++ b/packages/react-core/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap @@ -1,37 +1,49 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`divider using div 1`] = ` -
    +
    + `; exports[`divider using hr 1`] = ` -
    +
    +
    +
    `; exports[`divider using li 1`] = ` -
  • +
    +
    • `; exports[`vertical divider 1`] = ` -
    - - first item - - - - second item - +
    +
    +
    + first item +
    +
    +
    + second item +
    +
    `; diff --git a/packages/react-core/src/components/DragDrop/__tests__/DragDrop.test.tsx b/packages/react-core/src/components/DragDrop/__tests__/DragDrop.test.tsx index 5dcbf018d62..c6e45af453b 100644 --- a/packages/react-core/src/components/DragDrop/__tests__/DragDrop.test.tsx +++ b/packages/react-core/src/components/DragDrop/__tests__/DragDrop.test.tsx @@ -1,9 +1,9 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DragDrop, Draggable, Droppable } from '../'; test('renders some divs', () => { - const view = shallow( + const view = render( @@ -15,5 +15,5 @@ test('renders some divs', () => { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap b/packages/react-core/src/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap index 09da4f81e90..ff0d4aa9965 100644 --- a/packages/react-core/src/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap +++ b/packages/react-core/src/components/DragDrop/__tests__/__snapshots__/DragDrop.test.tsx.snap @@ -1,28 +1,28 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`renders some divs 1`] = ` - - +
    - item 1 - - +
    item 2 - - - +
    +
    +
    `; diff --git a/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx b/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx index e64e4e65074..9d696af5db3 100644 --- a/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx +++ b/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx @@ -10,7 +10,7 @@ import { DrawerPanelContent } from '../'; import React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; Object.values([ { isExpanded: true, isInline: false, isStatic: false }, @@ -33,14 +33,14 @@ Object.values([ const drawerContent = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate.'; test(`Drawer isExpanded = ${isExpanded} and isInline = ${isInline} and isStatic = ${isStatic}`, () => { - const view = mount( + const view = render( {drawerContent} ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); @@ -59,14 +59,14 @@ test(`Drawer expands from bottom`, () => { const drawerContent = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate.'; - const view = mount( + const view = render( {drawerContent} ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test(`Drawer has resizable css and color variants`, () => { @@ -84,14 +84,14 @@ test(`Drawer has resizable css and color variants`, () => { const drawerContent = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate.'; - const view = mount( + const view = render( {drawerContent} ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test(`Drawer has resizable callback and id`, () => { @@ -109,12 +109,12 @@ test(`Drawer has resizable callback and id`, () => { const drawerContent = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate.'; - const view = mount( + const view = render( {drawerContent} ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Drawer/__tests__/Generated/Drawer.test.tsx b/packages/react-core/src/components/Drawer/__tests__/Generated/Drawer.test.tsx index 70b6bcef684..f98341edbce 100644 --- a/packages/react-core/src/components/Drawer/__tests__/Generated/Drawer.test.tsx +++ b/packages/react-core/src/components/Drawer/__tests__/Generated/Drawer.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Drawer } from '../../Drawer'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Drawer should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode
    } isExpanded={false} isInline={false} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode
    } isExpanded={false} isInline={false} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Drawer/__tests__/Generated/DrawerContent.test.tsx b/packages/react-core/src/components/Drawer/__tests__/Generated/DrawerContent.test.tsx index 9f401b3db14..4c6e2522e43 100644 --- a/packages/react-core/src/components/Drawer/__tests__/Generated/DrawerContent.test.tsx +++ b/packages/react-core/src/components/Drawer/__tests__/Generated/DrawerContent.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DrawerContent } from '../../DrawerContent'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DrawerContent should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode
    } />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode
    } />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Drawer/__tests__/Generated/DrawerPanelContent.test.tsx b/packages/react-core/src/components/Drawer/__tests__/Generated/DrawerPanelContent.test.tsx index 2a70f8bc11c..73932f19376 100644 --- a/packages/react-core/src/components/Drawer/__tests__/Generated/DrawerPanelContent.test.tsx +++ b/packages/react-core/src/components/Drawer/__tests__/Generated/DrawerPanelContent.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DrawerPanelContent } from '../../DrawerPanelContent'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DrawerPanelContent should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} hasNoPadding={false} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} hasNoPadding={false} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/Drawer.test.tsx.snap b/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/Drawer.test.tsx.snap index adb3b555256..e8ebf9abc19 100644 --- a/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/Drawer.test.tsx.snap +++ b/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/Drawer.test.tsx.snap @@ -1,25 +1,13 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Drawer should match snapshot (auto-generated) 1`] = ` - +
    ReactNode
    - +
    `; diff --git a/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerContent.test.tsx.snap b/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerContent.test.tsx.snap index a6e69b88182..ee01b0682c5 100644 --- a/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerContent.test.tsx.snap +++ b/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerContent.test.tsx.snap @@ -1,13 +1,17 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DrawerContent should match snapshot (auto-generated) 1`] = ` - +
    -
    - ReactNode +
    +
    + ReactNode +
    - +
    `; diff --git a/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerPanelContent.test.tsx.snap b/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerPanelContent.test.tsx.snap index 17ae77bbd41..d3ad42906be 100644 --- a/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerPanelContent.test.tsx.snap +++ b/packages/react-core/src/components/Drawer/__tests__/Generated/__snapshots__/DrawerPanelContent.test.tsx.snap @@ -1,10 +1,10 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DrawerPanelContent should match snapshot (auto-generated) 1`] = ` - - - +
    + drawer-panel +
    +
    + - + `; exports[`Drawer has resizable callback and id 1`] = ` - +
    - - - - drawer-panel - - - - - - - drawer-panel - - - } +
    - +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. +
    +
    +
    + +
    +
    -
    - - - -
    - drawer-panel -
    -     + + + +
    - +
    +
    + drawer-panel +
    -     - + + - + `; exports[`Drawer has resizable css and color variants 1`] = ` - +
    - - - - drawer-panel - - - - - - - drawer-panel - - - } +
    - +
    +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. +
    +
    +
    +
    +
    -
    - - - -
    - drawer-panel -
    -     + + + +
    - +
    +
    + drawer-panel +
    - - + + -     + `; exports[`Drawer isExpanded = false and isInline = false and isStatic = false 1`] = ` - +
    - - - - drawer-panel - - - - - - - drawer-panel - - - } +
    - +
    -
    - -
    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. -
    -     -
    - - - - +
    +
    - +
    `; exports[`Drawer isExpanded = false and isInline = true and isStatic = false 1`] = ` - +
    - - - - drawer-panel - - - - - - - drawer-panel - - - } +
    - +
    -
    - -
    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. -
    -     -
    - - - - +
    +
    - +
    `; exports[`Drawer isExpanded = true and isInline = false and isStatic = false 1`] = ` - +
    - - - - drawer-panel - - - - - - - drawer-panel - - - } +
    - +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. +
    +
    +
    +
    - -
    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. -
    -     -
    - + + drawer-panel + - -
    - -
    -
    - - - -
    - drawer-panel -
    -     + + + +
    - +
    +
    +
    + drawer-panel
    - -     +
    +
    -     + `; exports[`Drawer isExpanded = true and isInline = false and isStatic = true 1`] = ` - +
    - - - - drawer-panel - - - - - - - drawer-panel - - - } +
    - +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. +
    +
    +
    +
    - -
    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. -
    -     -
    - + + drawer-panel + - -
    - -
    -
    - - - -
    - drawer-panel -
    -     + + + +
    -     + - - +
    + drawer-panel +
    + + - + `; exports[`Drawer isExpanded = true and isInline = true and isStatic = false 1`] = ` - +
    - - - - drawer-panel - - - - - - - drawer-panel - - - } +
    - +
    +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. +
    +
    +
    - -
    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat,nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate. -
    -     -
    - + + drawer-panel + - -
    - -
    -
    - - - -
    - drawer-panel -
    -     + + + +
    -     + + +
    + drawer-panel
    - - + + - + `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/Dropdown.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Dropdown.test.tsx index 657d7c3e9d5..2c5d09d6b8d 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Dropdown.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Dropdown.test.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import { Dropdown } from '../Dropdown'; import { DropdownPosition, DropdownDirection } from '../dropdownConstants'; @@ -27,25 +28,25 @@ const dropdownItems = [ describe('dropdown', () => { test('regular', () => { - const view = mount( + const view = render( Dropdown} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('right aligned', () => { - const view = mount( + const view = render( Dropdown} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('alignment breakpoints', () => { - const view = mount( + const view = render( { isOpen /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('dropup', () => { - const view = mount( + const view = render( Dropdown} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('dropup + right aligned', () => { - const view = mount( + const view = render( { toggle={Dropdown} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('expanded', () => { - const view = mount( + const view = render( Dropdown} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('primary', () => { - const view = mount( + const view = render( { } /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('basic', () => { - const view = mount( + const view = render( Dropdown}>
    BASIC
     ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); describe('KebabToggle', () => { test('regular', () => { - const view = mount(} />); - expect(view).toMatchSnapshot(); + const view = render(} />); + expect(view.container).toMatchSnapshot(); }); test('right aligned', () => { - const view = mount( + const view = render( } /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('dropup', () => { - const view = mount( + const view = render( } /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('dropup + right aligned', () => { - const view = mount( + const view = render( { toggle={} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('expanded', () => { - const view = mount(} />); - expect(view).toMatchSnapshot(); + const view = render( + } /> + ); + expect(view.container).toMatchSnapshot(); }); test('plain', () => { - const view = mount( + const view = render( } /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('basic', () => { - const view = mount( + const view = render( }>
    BASIC
     ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); @@ -205,7 +208,7 @@ describe('API', () => { test('dropdownItems and children console error ', () => { const myMock = jest.fn(); global.console = { error: myMock } as any; - mount( + render( { test('dropdownItems only, no console error ', () => { const myMock = jest.fn(); global.console = { error: myMock } as any; - mount( + render( { test('children only, no console ', () => { const myMock = jest.fn(); global.console = { error: myMock } as any; - mount( + render( Dropdown}>
    Children items
     diff --git a/packages/react-core/src/components/Dropdown/__tests__/DropdownGroup.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/DropdownGroup.test.tsx index 9d153a7bb3c..2228d7d3282 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/DropdownGroup.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/DropdownGroup.test.tsx @@ -1,10 +1,10 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DropdownGroup } from '../DropdownGroup'; describe('dropdown groups', () => { test('basic render', () => { - const view = shallow(Something); - expect(view).toMatchSnapshot(); + const view = render(Something); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/DropdownToggle.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/DropdownToggle.test.tsx index da3b240eaaf..375e45028ef 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/DropdownToggle.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/DropdownToggle.test.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import { DropdownToggle } from '../DropdownToggle'; import { DropdownContext } from '../dropdownConstants'; @@ -45,7 +46,7 @@ describe('API', () => { } }); const mockToggle = jest.fn(); - const view = mount( + const view = render( Dropdown @@ -67,7 +68,7 @@ describe('API', () => { } }); const mockToggle = jest.fn(); - const view = mount( + const view = render( Dropdown @@ -81,30 +82,30 @@ describe('API', () => { describe('state', () => { test('hover', () => { - const view = mount( + const view = render( Dropdown ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('active', () => { - const view = mount( + const view = render( Dropdown ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('focus', () => { - const view = mount( + const view = render( Dropdown ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('button variant - primary', () => { @@ -170,7 +171,7 @@ describe('state', () => { }); test('class changes', () => { - const view = mount( + const view = render( { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('class changes', () => { - const view = mount( + const view = render( { ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/DropdownToggleAction.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/DropdownToggleAction.test.tsx index 430bf1eb857..4b6d07aa126 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/DropdownToggleAction.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/DropdownToggleAction.test.tsx @@ -1,25 +1,28 @@ import * as React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; import { DropdownToggleAction } from '../DropdownToggleAction'; test('renders with text', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('isDisabled', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('passing class', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('checkbox passes value and event to onClick handler', () => { const onClickMock = jest.fn(); - const view = mount(); - view.find('button').simulate('click'); + + render(); + + userEvent.click(screen.getByRole('button')); expect(onClickMock).toBeCalled(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/DropdownToggleCheckbox.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/DropdownToggleCheckbox.test.tsx index c07edcf2838..214b9dc44c8 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/DropdownToggleCheckbox.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/DropdownToggleCheckbox.test.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; +import { mount } from 'enzyme'; import { DropdownToggleCheckbox } from '../DropdownToggleCheckbox'; const props = { @@ -8,46 +9,46 @@ const props = { }; test('controlled', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('uncontrolled', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('with text', () => { - const view = shallow( + const view = render( Some text ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('isDisabled', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('3rd state', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('passing class', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('passing HTML attribute', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('checkbox passes value and event to onChange handler', () => { diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/Dropdown.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Generated/Dropdown.test.tsx index 25fd29f7d1b..a64d9342da3 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/Dropdown.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/Dropdown.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Dropdown } from '../../Dropdown'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Dropdown should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={'string'} @@ -23,5 +23,5 @@ it('Dropdown should match snapshot (auto-generated)', () => { autoFocus={true} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownGroup.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownGroup.test.tsx index fabc6e32049..98b116c8725 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownGroup.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownGroup.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DropdownGroup } from '../../DropdownGroup'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DropdownGroup should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} label={''} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} label={''} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownMenu.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownMenu.test.tsx index 5c4a59d651e..97bd1e99cd3 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownMenu.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownMenu.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DropdownMenu } from '../../DropdownMenu'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DropdownMenu should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -19,5 +19,5 @@ it('DropdownMenu should match snapshot (auto-generated)', () => { isGrouped={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggle.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggle.test.tsx index 9872a061d44..7ae9c6cf1b2 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggle.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggle.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DropdownToggle } from '../../DropdownToggle'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DropdownToggle should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} @@ -30,5 +30,5 @@ it('DropdownToggle should match snapshot (auto-generated)', () => { onEnter={(event?: React.MouseEvent) => undefined as void} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggleAction.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggleAction.test.tsx index a06e67adfbb..0ed7aeecd5a 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggleAction.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggleAction.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DropdownToggleAction } from '../../DropdownToggleAction'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DropdownToggleAction should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { aria-label={'string'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggleCheckbox.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggleCheckbox.test.tsx index d73b8cb05c2..32b6315ead7 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggleCheckbox.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/DropdownToggleCheckbox.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DropdownToggleCheckbox } from '../../DropdownToggleCheckbox'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('DropdownToggleCheckbox should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { aria-label={'string'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/KebabToggle.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Generated/KebabToggle.test.tsx index 083e874399c..88a1f61ae9d 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/KebabToggle.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/KebabToggle.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { KebabToggle } from '../../KebabToggle'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('KebabToggle should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} @@ -24,5 +24,5 @@ it('KebabToggle should match snapshot (auto-generated)', () => { bubbleEvent={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/Toggle.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Generated/Toggle.test.tsx index 50be9bcbac3..00a2be715f2 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/Toggle.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/Toggle.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Toggle } from '../../Toggle'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Toggle should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { bubbleEvent={false} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/Dropdown.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/Dropdown.test.tsx.snap index 9e4a3f6c7de..da91981452a 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/Dropdown.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/Dropdown.test.tsx.snap @@ -1,51 +1,27 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Dropdown should match snapshot (auto-generated) 1`] = ` - - - ReactElement -

    - } +
    +
    -
    - ReactNode +

    + ReactElement +

    +
    +
    + ReactNode +
    - - +
    +
    `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownGroup.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownGroup.test.tsx.snap index 01c90d71ed1..23d6b4e8d3e 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownGroup.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownGroup.test.tsx.snap @@ -1,7 +1,16 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DropdownGroup should match snapshot (auto-generated) 1`] = ` - - - +
    +
    + +
      + ReactNode +
    +
    +
    `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownMenu.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownMenu.test.tsx.snap index c5e2f116485..98c7783115a 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownMenu.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownMenu.test.tsx.snap @@ -1,16 +1,16 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DropdownMenu should match snapshot (auto-generated) 1`] = ` - - - - - +
    + +
    `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggle.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggle.test.tsx.snap index 547e9388c24..4d675f10678 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggle.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggle.test.tsx.snap @@ -1,11 +1,34 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DropdownToggle should match snapshot (auto-generated) 1`] = ` -
    - - - +
    +
    + +
    `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggleAction.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggleAction.test.tsx.snap index be5eaa8a9e1..f9a990d2ddd 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggleAction.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggleAction.test.tsx.snap @@ -1,14 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DropdownToggleAction should match snapshot (auto-generated) 1`] = ` - +
    + +
    `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggleCheckbox.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggleCheckbox.test.tsx.snap index e8499dc4639..f01c9730582 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggleCheckbox.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownToggleCheckbox.test.tsx.snap @@ -1,30 +1,30 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DropdownToggleCheckbox should match snapshot (auto-generated) 1`] = ` - + + + +
    `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/KebabToggle.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/KebabToggle.test.tsx.snap index bd632d5ff90..4ffb203446e 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/KebabToggle.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/KebabToggle.test.tsx.snap @@ -1,28 +1,27 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`KebabToggle should match snapshot (auto-generated) 1`] = ` - - - +
    + +
    `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/Toggle.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/Toggle.test.tsx.snap index 53ff23b6334..92a5f936a19 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/Toggle.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/Generated/__snapshots__/Toggle.test.tsx.snap @@ -1,7 +1,17 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Toggle should match snapshot (auto-generated) 1`] = ` - - - +
    + +
    `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/InternalDropdownItem.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/InternalDropdownItem.test.tsx index c57da977b8e..7ba3bbf8c05 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/InternalDropdownItem.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/InternalDropdownItem.test.tsx @@ -1,17 +1,18 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { shallow } from 'enzyme'; import { InternalDropdownItem } from '../InternalDropdownItem'; import { DropdownSeparator } from '../DropdownSeparator'; describe('dropdown items', () => { test('a', () => { - const view = shallow(Something); - expect(view).toMatchSnapshot(); + const view = render(Something); + expect(view.container).toMatchSnapshot(); }); test('button', () => { - const view = shallow(Something); - expect(view).toMatchSnapshot(); + const view = render(Something); + expect(view.container).toMatchSnapshot(); }); test('separator', () => { @@ -21,65 +22,63 @@ describe('dropdown items', () => { describe('hover', () => { test('a', () => { - const view = shallow(Something); - expect(view).toMatchSnapshot(); + const view = render(Something); + expect(view.container).toMatchSnapshot(); }); test('button', () => { - const view = shallow( + const view = render( Something ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); describe('disabled', () => { test('a', () => { - const view = shallow(Something); - expect(view).toMatchSnapshot(); + const view = render(Something); + expect(view.container).toMatchSnapshot(); }); test('button', () => { - const view = shallow( + const view = render( Something ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); describe('aria-disabled', () => { test('a', () => { - const view = shallow(Something); - expect(view).toMatchSnapshot(); + const view = render(Something); + expect(view.container).toMatchSnapshot(); }); test('button', () => { - const view = shallow( + const view = render( Something ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); describe('description', () => { test('a', () => { - const view = shallow( - - Something - + const view = render( + Something ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('button', () => { - const view = shallow( + const view = render( Something ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); - }) + }); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/Toggle.test.tsx b/packages/react-core/src/components/Dropdown/__tests__/Toggle.test.tsx index 2904b8702a9..a2d19d90849 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/Toggle.test.tsx +++ b/packages/react-core/src/components/Dropdown/__tests__/Toggle.test.tsx @@ -1,13 +1,13 @@ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { DropdownToggle } from '../DropdownToggle'; import { KebabToggle } from '../KebabToggle'; test('Dropdown toggle', () => { - const view = mount(Dropdown); - expect(view).toMatchSnapshot(); + const view = render(Dropdown); + expect(view.container).toMatchSnapshot(); }); test('Kebab toggle', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap index 6a0e99b3e53..ecf59bd2066 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap @@ -1,9022 +1,832 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`KebabToggle basic 1`] = ` - - } -> - - } +
    +
    +
    - - -
    -
    - BASIC -
    -
    -
    , - } - } - > - - -
    -
    - BASIC -
    -
    -
    , - } - } - > - - - - - - +
    + BASIC +
    -     -     +
    + `; exports[`KebabToggle dropup + right aligned 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - position="right" - toggle={ - - } -> - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - isGrouped={false} - isOpen={false} - isPlain={false} - isText={false} - menuAppendTo="inline" - onSelect={[Function]} - position="right" - toggle={ - - } +
    +
    - , - } - } - > - - -
    , - } - } - > - - - -
    -     -     + + + + `; exports[`KebabToggle dropup 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - toggle={ - - } -> - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - isGrouped={false} - isOpen={false} - isPlain={false} - isText={false} - menuAppendTo="inline" - onSelect={[Function]} - position="left" - toggle={ - - } +
    +
    - , - } - } - > - - -
    , - } - } - > - - - -
    -     -     + + + + `; exports[`KebabToggle expanded 1`] = ` - +
    + +
    , - } - } - > - -     -     - + +
  • - - - - - + Separated Action + +
    • + + + `; exports[`KebabToggle plain 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - isPlain={true} - toggle={ - - } -> - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - isGrouped={false} - isOpen={false} - isPlain={true} - isText={false} - menuAppendTo="inline" - onSelect={[Function]} - position="left" - toggle={ - - } +
    +
    - , - } - } - > - - -
    , - } - } - > - - - -
    -     -     + + + + `; exports[`KebabToggle regular 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - toggle={ - - } -> - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - isGrouped={false} - isOpen={false} - isPlain={false} - isText={false} - menuAppendTo="inline" - onSelect={[Function]} - position="left" - toggle={ - - } +
    +
    - , - } - } - > - - -
    , - } - } - > - - - -
    -     -     + + + + `; exports[`KebabToggle right aligned 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - position="right" - toggle={ - - } -> - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - isGrouped={false} - isOpen={false} - isPlain={false} - isText={false} - menuAppendTo="inline" - onSelect={[Function]} - position="right" - toggle={ - - } +
    +
    - , - } - } - > - - -
    , - } - } - > - - - -
    -     -     + + + + `; exports[`dropdown alignment breakpoints 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - +
    + +
    , - } - } - toggleVariant="default" + - - -     - + +
  • - - - - - + Separated Action + +
    • + + + `; exports[`dropdown basic 1`] = ` - +
    +
    - - -
    -
    - BASIC -
    -
    -
    , - } - } - > - - -
    -
    - BASIC -
    -
    -
    , - } - } - toggleVariant="default" - > - - - - - - +
    + BASIC +
    - -     + + `; exports[`dropdown dropup + right aligned 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - position="right" - toggle={ - +
    + -
    , - } - } - > - - - , - } - } - toggleVariant="default" - > - - -     - - -     + + + + + + + `; exports[`dropdown dropup 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - toggle={ - +
    + -
    , - } - } - > - - - , - } - } - toggleVariant="default" - > - - -     - - -     + + + + + + + `; exports[`dropdown expanded 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - isOpen={true} - toggle={ - +
    + +
    , - } - } - > - - - - , - } - } - toggleVariant="default" - > - - -     - - - - - -     -`; - -exports[`dropdown primary 1`] = ` - - Link - , - + Link + + +
  • - Action - , - + Action + +
    • +
  • - Disabled Link - , - + Disabled Link + +
    • +
  • - Disabled Action - , - , - + Disabled Action + +
    • +
  • - Separated Link - , - +
    • +
  • - Separated Action - , - ] - } - toggle={ - - Dropdown - - } -> - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - Separated Link - , - +
    • +
  • + +
    • + + + +`; + +exports[`dropdown primary 1`] = ` +
    +
    - , - } - } + - - -
    , - } - } - toggleVariant="default" - > - - - -
    - -     + Dropdown + + + + + + + `; exports[`dropdown regular 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - toggle={ - +
    + -
    , - } - } - > - - - , - } - } - toggleVariant="default" - > - - -     - - -     + + + + + + + `; exports[`dropdown right aligned 1`] = ` - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - position="right" - toggle={ - +
    + -
    , - } - } - > - - - , - } - } - toggleVariant="default" - > - - -     - - -     + + + + + + + `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownGroup.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownGroup.test.tsx.snap index 57420c4f469..c5cf11fa6c0 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownGroup.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownGroup.test.tsx.snap @@ -1,7 +1,21 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`dropdown groups basic render 1`] = ` - - - +
    +
    +

    + Group 1 +

    +
      + Something +
    +
    +
    `; diff --git a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownToggle.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownToggle.test.tsx.snap index 40e16c120d1..1f10eed8561 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownToggle.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownToggle.test.tsx.snap @@ -96,79 +96,40 @@ exports[`state action split button - renders primary variant 1`] = ` `; exports[`state active 1`] = ` -} -> - + - - + + + + + `; exports[`state button variant - primary 1`] = ` @@ -401,303 +362,151 @@ exports[`state button variant - secondary 2`] = ` `; exports[`state class changes 1`] = ` -} -> - + - - + + + + + `; exports[`state class changes 2`] = ` -} -> - + - - + + + + + `; exports[`state focus 1`] = ` -} -> - + - - + + + + + `; exports[`state hover 1`] = ` -} -> - + - - + + + + + `; exports[`state split button - does not render primary variant 1`] = ` diff --git a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownToggleAction.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownToggleAction.test.tsx.snap index 3ea11b5b6ec..6cdc0b496e2 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownToggleAction.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/DropdownToggleAction.test.tsx.snap @@ -1,30 +1,33 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`isDisabled 1`] = ` - + + `; exports[`dropdown items button 1`] = ` - - - +
    +
  • + +
    • +
    `; exports[`dropdown items description a 1`] = ` - - - + `; exports[`dropdown items description button 1`] = ` - - - +
    +
  • + +
    • +
    `; exports[`dropdown items disabled a 1`] = ` - - - + `; exports[`dropdown items disabled button 1`] = ` - - - +
    +
  • + +
    • +
    `; exports[`dropdown items hover a 1`] = ` - - - + `; exports[`dropdown items hover button 1`] = ` - - - +
    +
  • + +
    • +
    `; exports[`dropdown items separator 1`] = ` diff --git a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Toggle.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Toggle.test.tsx.snap index 982784039de..f6486f4adcd 100644 --- a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Toggle.test.tsx.snap +++ b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Toggle.test.tsx.snap @@ -1,135 +1,64 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Dropdown toggle 1`] = ` - - + - - + + + + + `; exports[`Kebab toggle 1`] = ` - - + - - + + + + `; diff --git a/packages/react-core/src/components/DualListSelector/__tests__/DualListSelector.test.tsx b/packages/react-core/src/components/DualListSelector/__tests__/DualListSelector.test.tsx index 2678794d0e4..c2a5438d613 100644 --- a/packages/react-core/src/components/DualListSelector/__tests__/DualListSelector.test.tsx +++ b/packages/react-core/src/components/DualListSelector/__tests__/DualListSelector.test.tsx @@ -1,20 +1,20 @@ -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { DualListSelector } from '../../DualListSelector'; import React from 'react'; describe('DualListSelector', () => { test('basic', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('with search inputs', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('with custom status', () => { - const view = mount( + const view = render( { id="thirdTest" /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('basic with disabled controls', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('with tree', () => { - const view = mount( + const view = render( { isTree /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('with actions', () => { - const view = mount( + const view = render( { id="fourthTest" /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap b/packages/react-core/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap index 6a7c0564a4e..248a41deb33 100644 --- a/packages/react-core/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +++ b/packages/react-core/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap @@ -1,5313 +1,1739 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DualListSelector basic 1`] = ` - +
    -
    -
    - Available options -
    + Available options
    +
    +
    -
    - 0 of 2 items selected -
    + 0 of 2 items selected
    - +
    +
      -
      - -
        + - - -
      • -
        - - - - Option 1 - - - -
        -
        • -         -         - +         + +
      + +
    • +
      + + + - -
    • -
      - - - - Option 2 - - - -
      -
      • - - -
    - + Option 2 + + +
    - -     + +
    -     - +
    - -
    - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={false} - onClick={[Function]} - > -
    - , - } - } - isDisabled={false} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     -
    -     - -
    +
    + +
    +
    + +
    +
    + +
    +
    +
    -
    - Chosen options -
    + Chosen options
    +
    +
    -
    - 0 of 0 items selected -
    + 0 of 0 items selected
    - +
    +
      - -
      - -
        - -
      -       - + aria-multiselectable="true" + class="pf-c-dual-list-selector__list" + role="listbox" + />
    - +
    - +
    `; exports[`DualListSelector basic with disabled controls 1`] = ` - +
    -
    -
    - Available options -
    + Available options
    +
    +
    -
    - 0 of 2 items selected -
    + 0 of 2 items selected
    - +
    +
      -
      - -
        + - - -
      • -
        - - - - Option 1 - - - -
        -
        • -         -         - +         + +
      + +
    • +
      + + + - -
    • -
      - - - - Option 2 - - - -
      -
      • - - -
    - + Option 2 + + +
    - -     + +
    -     - +
    - -
    - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     -
    -     - -
    +
    + +
    +
    + +
    +
    + +
    +
    +
    -
    - Chosen options -
    + Chosen options
    +
    +
    -
    - 0 of 0 items selected -
    + 0 of 0 items selected
    - +
    +
      - -
      - -
        - -
      -       - + aria-multiselectable="true" + class="pf-c-dual-list-selector__list" + role="listbox" + />
    - +
    - +
    `; exports[`DualListSelector with actions 1`] = ` - - TestNode1 - , - ] - } - availableOptionsSearchAriaLabel="Available search input" - availableOptionsTitle="Available options" - chosenOptions={ - Array [ - "Option 3", - "Option 4", - ] - } - chosenOptionsActions={ - Array [ - - TestNode2 - , - ] - } - chosenOptionsSearchAriaLabel="Chosen search input" - chosenOptionsTitle="Chosen options" - controlsAriaLabel="Selector controls" - id="fourthTest" - isDisabled={false} - isTree={false} - removeAllAriaLabel="Remove all" - removeSelectedAriaLabel="Remove selected" -> +
    - - TestNode1 - , - ] - } - id="fourthTest-available-pane" - isDisabled={false} - onFilterUpdate={[Function]} - onOptionCheck={[Function]} - onOptionSelect={[Function]} - options={ - Array [ - "Option 1", - "Option 2", - ] - } - searchInputAriaLabel="Available search input" - selectedOptions={Array []} - status="0 of 2 items selected" - title="Available options" +
    -
    - Available options -
    + Available options
    +
    +
    -
    - - TestNode1 - -
    + + TestNode1 +
    +
    +
    -
    - 0 of 2 items selected -
    + 0 of 2 items selected
    - +
    +
      -
      - -
        + - - -
      • -
        - - - - Option 1 - - - -
        -
        • -         -         - +         + +
      + +
    • +
      + + + - -
    • -
      - - - - Option 2 - - - -
      -
      • - - -
    - + Option 2 + + +
    - -     + +
    - - +
    - -
    - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={false} - onClick={[Function]} - > -
    - , - } - } - isDisabled={false} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={false} - onClick={[Function]} - > -
    - , - } - } - isDisabled={false} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     -
    -     - - - TestNode2 - , - ] - } - id="fourthTest-chosen-pane" - isChosen={true} - isDisabled={false} - onFilterUpdate={[Function]} - onOptionCheck={[Function]} - onOptionSelect={[Function]} - options={ - Array [ - "Option 3", - "Option 4", - ] - } - searchInputAriaLabel="Chosen search input" - selectedOptions={Array []} - status="0 of 2 items selected" - title="Chosen options" + + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    -
    - Chosen options -
    + Chosen options
    +
    +
    -
    - - TestNode2 - -
    + + TestNode2 +
    +
    +
    -
    - 0 of 2 items selected -
    + 0 of 2 items selected
    - +
    +
      -
      - -
        + - - -
      • -
        - - - - Option 3 - - - -
        -
        • -         -         - +         + +
      + +
    • +
      + + + - -
    • -
      - - - - Option 4 - - - -
      -
      • - - -
    - + Option 4 + + +
    - -     + +
    - +
    - +
    `; exports[`DualListSelector with custom status 1`] = ` - +
    -
    -
    - Available options -
    + Available options
    +
    +
    -
    - Test status1 -
    + Test status1
    - +
    +
      -
      - -
        + - - -
      • -
        - - - - Option 1 - - - -
        -
        • -         -         - +         + +
      + +
    • +
      + + + - -
    • -
      - - - - Option 2 - - - -
      -
      • - - -
    - + Option 2 + + +
    - -     + +
    -     - +
    - -
    - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={false} - onClick={[Function]} - > -
    - , - } - } - isDisabled={false} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     -
    -     - -
    +
    + +
    +
    + +
    +
    + +
    +
    +
    -
    - Chosen options -
    + Chosen options
    +
    +
    -
    - Test status2 -
    + Test status2
    - +
    +
      - -
      - -
        - -
      -       - + aria-multiselectable="true" + class="pf-c-dual-list-selector__list" + role="listbox" + />
    - +
    - +
    `; exports[`DualListSelector with search inputs 1`] = ` - +
    -
    -
    - Available options -
    + Available options
    +
    +
    -
    - -
    +
    +
    +
    -
    - 0 of 2 items selected -
    + 0 of 2 items selected
    - +
    +
      -
      - -
        + - - -
      • -
        - - - - Option 1 - - - -
        -
        • -         -         - +         + +
      + +
    • +
      + + + - -
    • -
      - - - - Option 2 - - - -
      -
      • - - -
    - + Option 2 + + +
    - -     + +
    -     - +
    - -
    - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={false} - onClick={[Function]} - > -
    - , - } - } - isDisabled={false} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     - - - - , - } - } - isDisabled={true} - onClick={[Function]} - > -
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" - > - - - -
    -     -     -
    -     - -
    +
    + +
    +
    + +
    +
    + +
    +
    +
    -
    - Chosen options -
    + Chosen options
    +
    +
    -
    - -
    +
    +
    +
    -
    - 0 of 0 items selected -
    + 0 of 0 items selected
    - +
    +
      - -
      - -
        - -
      -       - + aria-multiselectable="true" + class="pf-c-dual-list-selector__list" + role="listbox" + />
    - +
    - +
    `; exports[`DualListSelector with tree 1`] = ` - +
    -
    -
    - Available options -
    + Available options
    +
    +
    -
    - Test status1 -
    + Test status1
    - - -
    - -
      - - -
    • -
      -
      - -
      - - - - - - - -
      - - - - - Opt1 - -       -
      -
      - -
        - -
      • -
        -
        - - - - - - Opt3 - - -
        -
        -
        • -         -
      -       -
      • -       - -
    • -
      -
      - - - - - - Opt2 - - -
      -
      -
      • -       -       -
    -     -
    -     -
    -     - - -
    - - - - , - } - } - isDisabled={true} - onClick={[Function]} +
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" +
    - - - -
    - - - - + + +
    + - - , - } - } - isDisabled={false} - onClick={[Function]} - > -
    - , - } - } - isDisabled={false} - onClick={[Function]} - tabIndex={-1} - variant="plain" + + + - - - + Opt1 + +
    - - - - - - , - } - } - isDisabled={true} - onClick={[Function]} +
    +
      -
      - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" +
      - - - -
      - - - + + + Opt3 + + +
      +
    + + + +
  • - - - , - } - } - isDisabled={true} - onClick={[Function]} +
    - , - } - } - isDisabled={true} - onClick={[Function]} - tabIndex={-1} - variant="plain" + - - - + + + + Opt2 + +
    - - -
    - - - +
    • + +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    -
    - Chosen options -
    + Chosen options
    +
    +
    -
    - Test status2 -
    + Test status2
    - +
    +
      - -
      - -
        - -
      -       - + aria-multiselectable="true" + class="pf-c-dual-list-selector__list" + role="tree" + />
    - +
    -     + `; diff --git a/packages/react-core/src/components/EmptyState/__tests__/EmptyState.test.tsx b/packages/react-core/src/components/EmptyState/__tests__/EmptyState.test.tsx index 60afc09e5bb..db4aabdf63c 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/EmptyState.test.tsx +++ b/packages/react-core/src/components/EmptyState/__tests__/EmptyState.test.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { shallow } from 'enzyme'; import AddressBookIcon from '@patternfly/react-icons/dist/esm/icons/address-book-icon'; import { EmptyState, EmptyStateVariant } from '../EmptyState'; @@ -11,7 +12,7 @@ import { Title, TitleSizes } from '../../Title'; describe('EmptyState', () => { test('Main', () => { - const view = shallow( + const view = render( HTTP Proxies @@ -27,34 +28,34 @@ describe('EmptyState', () => { </EmptyStateSecondaryActions> </EmptyState> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Main variant large', () => { - const view = shallow( + const view = render( <EmptyState variant={EmptyStateVariant.large}> <Title headingLevel="h3" size={TitleSizes.md}>EmptyState large ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Main variant small', () => { - const view = shallow( + const view = render( EmptyState small ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Main variant xs', () => { - const view = shallow( + const view = render( EmptyState small ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Body', () => { @@ -101,12 +102,12 @@ describe('EmptyState', () => { }); test('Full height', () => { - const view = shallow( + const view = render( EmptyState large ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyState.test.tsx b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyState.test.tsx index 33a8cfc1275..0f7dd09837b 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyState.test.tsx +++ b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyState.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { EmptyState } from '../../EmptyState'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('EmptyState should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} variant={'sm'} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} variant={'sm'} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateBody.test.tsx b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateBody.test.tsx index 1baff059e1e..1306791c39c 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateBody.test.tsx +++ b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateBody.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { EmptyStateBody } from '../../EmptyStateBody'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('EmptyStateBody should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx index 1feb3496d72..b14f22d443c 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx +++ b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { UserIcon } from '@patternfly/react-icons' import { EmptyStateIcon } from '../../EmptyStateIcon'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('EmptyStateIcon should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { variant={'icon'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); it('EmptyStateIcon should match snapshot for variant container', () => { - const view = shallow( + const view = render( { variant={'container'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStatePrimary.test.tsx b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStatePrimary.test.tsx index 783027ed571..52e82110b1e 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStatePrimary.test.tsx +++ b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStatePrimary.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { EmptyStatePrimary } from '../../EmptyStatePrimary'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('EmptyStatePrimary should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateSecondaryActions.test.tsx b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateSecondaryActions.test.tsx index 7f24208d1f0..fddda626965 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateSecondaryActions.test.tsx +++ b/packages/react-core/src/components/EmptyState/__tests__/Generated/EmptyStateSecondaryActions.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { EmptyStateSecondaryActions } from '../../EmptyStateSecondaryActions'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('EmptyStateSecondaryActions should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyState.test.tsx.snap b/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyState.test.tsx.snap index 7c5a8cd0191..77f4f117d08 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyState.test.tsx.snap +++ b/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyState.test.tsx.snap @@ -1,14 +1,16 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`EmptyState should match snapshot (auto-generated) 1`] = ` -
    +
    -
    - ReactNode +
    +
    + ReactNode +
    diff --git a/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateBody.test.tsx.snap b/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateBody.test.tsx.snap index 0f62a993c7e..17b32337a6e 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateBody.test.tsx.snap +++ b/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateBody.test.tsx.snap @@ -1,11 +1,13 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`EmptyStateBody should match snapshot (auto-generated) 1`] = ` -
    -
    - ReactNode +
    +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap b/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap index 90c41956d8a..1f194583944 100644 --- a/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap +++ b/packages/react-core/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap @@ -1,20 +1,38 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`EmptyStateIcon should match snapshot (auto-generated) 1`] = ` -
    `; exports[`validated text area error 1`] = ` - - + test textarea + +
    `; exports[`validated text area success 1`] = ` @@ -318,31 +168,13 @@ exports[`validated text area warning 1`] = ` `; exports[`vertically resizable text area 1`] = ` - - + test textarea + +
    `; diff --git a/packages/react-core/src/components/TextInput/__tests__/TextInput.test.tsx b/packages/react-core/src/components/TextInput/__tests__/TextInput.test.tsx index b4e78212a8c..574f71f52e0 100644 --- a/packages/react-core/src/components/TextInput/__tests__/TextInput.test.tsx +++ b/packages/react-core/src/components/TextInput/__tests__/TextInput.test.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import { render } from '@testing-library/react'; import { mount, shallow } from 'enzyme'; import { TextInput, TextInputBase } from '../TextInput'; import { ValidatedOptions } from '../../../helpers/constants'; @@ -19,23 +20,23 @@ test('input passes value and event to onChange handler', () => { }); test('simple text input', () => { - const view = mount(); - expect(view.find('input')).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('disabled text input', () => { - const view = mount(); - expect(view.find('input')).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('readonly text input', () => { - const view = mount(); - expect(view.find('input')).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('invalid text input', () => { - const view = mount(); - expect(view.find('input')).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('validated text input success', () => { @@ -56,36 +57,36 @@ test('validated text input success', () => { test('validated text input', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('should throw console error when no aria-label, id or aria-labelledby is given', () => { const myMock = jest.fn(); global.console = { ...global.console, error: myMock }; - mount(); + render(); expect(myMock).toBeCalled(); }); test('should not throw console error when id is given but no aria-label or aria-labelledby', () => { const myMock = jest.fn(); global.console = { ...global.console, error: myMock }; - mount(); + render(); expect(myMock).not.toBeCalled(); }); test('should not throw console error when aria-label is given but no id or aria-labelledby', () => { const myMock = jest.fn(); global.console = { ...global.console, error: myMock }; - mount(); + render(); expect(myMock).not.toBeCalled(); }); test('should not throw console error when aria-labelledby is given but no id or aria-label', () => { const myMock = jest.fn(); global.console = { ...global.console, error: myMock }; - mount(); + render(); expect(myMock).not.toBeCalled(); }); diff --git a/packages/react-core/src/components/TextInput/__tests__/__snapshots__/TextInput.test.tsx.snap b/packages/react-core/src/components/TextInput/__tests__/__snapshots__/TextInput.test.tsx.snap index 6530d1d7fb5..8de593ee13a 100644 --- a/packages/react-core/src/components/TextInput/__tests__/__snapshots__/TextInput.test.tsx.snap +++ b/packages/react-core/src/components/TextInput/__tests__/__snapshots__/TextInput.test.tsx.snap @@ -1,96 +1,80 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`disabled text input 1`] = ` - +
    + +
    `; exports[`invalid text input 1`] = ` - +
    + +
    `; exports[`readonly text input 1`] = ` - +
    + +
    `; exports[`simple text input 1`] = ` - +
    + +
    `; exports[`validated text input 1`] = ` - +
    + +
    `; exports[`validated text input success 1`] = ` diff --git a/packages/react-core/src/components/TextInputGroup/__tests__/TextInputGroup.test.tsx b/packages/react-core/src/components/TextInputGroup/__tests__/TextInputGroup.test.tsx index e07ba7a0cd8..cb7b0361909 100644 --- a/packages/react-core/src/components/TextInputGroup/__tests__/TextInputGroup.test.tsx +++ b/packages/react-core/src/components/TextInputGroup/__tests__/TextInputGroup.test.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import { TextInputGroup, TextInputGroupContext } from '../TextInputGroup'; import { TextInputGroupMain } from '../TextInputGroupMain'; @@ -7,33 +8,33 @@ import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; describe('TextInputGroup', () => { test('renders content', () => { - const view = mount( + const view = render( Foo ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('gets custom class and id', () => { - const view = mount( + const view = render( Foo ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('renders with the proper stying when disabled', () => { - const view = mount( + const view = render( Foo ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('passes isDisabled=false to children via a context when isDisabled prop is not passed', () => { @@ -69,24 +70,24 @@ describe('TextInputGroup', () => { describe('TextInputGroupMain', () => { test('renders content', () => { - const view = mount(Foo); - expect(view).toMatchSnapshot(); + const view = render(Foo); + expect(view.container).toMatchSnapshot(); }); test('renders given input icon props', () => { - const view = mount(}>Foo); - expect(view).toMatchSnapshot(); + const view = render(}>Foo); + expect(view.container).toMatchSnapshot(); }); test('renders the input with custom aria label when given', () => { - const view = mount(Foo); - expect(view).toMatchSnapshot(); + const view = render(Foo); + expect(view.container).toMatchSnapshot(); }); test('does not call onChange callback when the input does not change', () => { const onChangeMock = jest.fn(); - const view = mount(Foo); + const view = render(Foo); expect(onChangeMock).not.toHaveBeenCalled(); }); @@ -101,7 +102,7 @@ describe('TextInputGroupMain', () => { test('does not call onFocus callback when the input does not get focus', () => { const onFocusMock = jest.fn(); - const view = mount(Foo); + const view = render(Foo); expect(onFocusMock).not.toHaveBeenCalled(); }); @@ -116,7 +117,7 @@ describe('TextInputGroupMain', () => { test('does not call onBlur callback when the input does not lose focus', () => { const onBlurMock = jest.fn(); - const view = mount(Foo); + const view = render(Foo); expect(onBlurMock).not.toHaveBeenCalled(); }); @@ -159,7 +160,7 @@ describe('TextInputGroupMain', () => { describe('TextInputGroupUtilities', () => { test('renders the content', () => { - const view = mount({}); - expect(view).toMatchSnapshot(); + const view = render({}); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/TextInputGroup/__tests__/__snapshots__/TextInputGroup.test.tsx.snap b/packages/react-core/src/components/TextInputGroup/__tests__/__snapshots__/TextInputGroup.test.tsx.snap index 1d0e1fefed5..0598a2acaa1 100644 --- a/packages/react-core/src/components/TextInputGroup/__tests__/__snapshots__/TextInputGroup.test.tsx.snap +++ b/packages/react-core/src/components/TextInputGroup/__tests__/__snapshots__/TextInputGroup.test.tsx.snap @@ -1,220 +1,173 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`TextInputGroup gets custom class and id 1`] = ` - +
    - -
    + Foo + - Foo - - - -
    -     - -
    - + + +
    +
    - +
    `; exports[`TextInputGroup renders content 1`] = ` - +
    - -
    + Foo + - Foo - - - -
    -     - -
    - + + +
    +
    - +
    `; exports[`TextInputGroup renders with the proper stying when disabled 1`] = ` - +
    - -
    + Foo + - Foo - - - -
    -     - -
    - + + +
    +
    - +
    `; exports[`TextInputGroupMain renders content 1`] = ` - +
    Foo
    - +
    `; exports[`TextInputGroupMain renders given input icon props 1`] = ` - - } -> +
    Foo - + +
    - +
    `; exports[`TextInputGroupMain renders the input with custom aria label when given 1`] = ` - +
    Foo
    - +
    `; exports[`TextInputGroupUtilities renders the content 1`] = ` - +
    - +
    `; diff --git a/packages/react-core/src/components/Tile/__tests__/Tile.test.tsx b/packages/react-core/src/components/Tile/__tests__/Tile.test.tsx index d40c0d16217..128345afa52 100644 --- a/packages/react-core/src/components/Tile/__tests__/Tile.test.tsx +++ b/packages/react-core/src/components/Tile/__tests__/Tile.test.tsx @@ -1,41 +1,41 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Tile } from '../Tile'; import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon'; describe('Tile', () => { test('basic', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('renders selected', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('renders disabled', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('renders with subtext', () => { - const view = shallow(test subtext); - expect(view).toMatchSnapshot(); + const view = render(test subtext); + expect(view.container).toMatchSnapshot(); }); test('renders with icon', () => { - const view = shallow(} />); - expect(view).toMatchSnapshot(); + const view = render(} />); + expect(view.container).toMatchSnapshot(); }); test('renders with stacked icon', () => { - const view = shallow(} isStacked />); - expect(view).toMatchSnapshot(); + const view = render(} isStacked />); + expect(view.container).toMatchSnapshot(); }); test('renders with stacked large icon', () => { - const view = shallow(} isStacked isDisplayLarge />); - expect(view).toMatchSnapshot(); + const view = render(} isStacked isDisplayLarge />); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap b/packages/react-core/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap index 1314eccb3c0..6463c8ddbd3 100644 --- a/packages/react-core/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +++ b/packages/react-core/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap @@ -1,152 +1,190 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Tile basic 1`] = ` -
    +
    - test +
    + test +
    `; exports[`Tile renders disabled 1`] = ` -
    +
    - test +
    + test +
    `; exports[`Tile renders selected 1`] = ` -
    +
    - test +
    + test +
    `; exports[`Tile renders with icon 1`] = ` -
    +
    - -
    -
    - test +
    + +
    +
    + test +
    `; exports[`Tile renders with stacked icon 1`] = ` -
    +
    - -
    -
    - test +
    + +
    +
    + test +
    `; exports[`Tile renders with stacked large icon 1`] = ` -
    +
    - -
    -
    - test +
    + +
    +
    + test +
    `; exports[`Tile renders with subtext 1`] = ` -
    +
    - test +
    + test +
    +
    +
    + test subtext
    -
    -
    - test subtext
    `; diff --git a/packages/react-core/src/components/TimePicker/__tests__/TimePicker.test.tsx b/packages/react-core/src/components/TimePicker/__tests__/TimePicker.test.tsx index 816ed22e87d..20f83604af7 100644 --- a/packages/react-core/src/components/TimePicker/__tests__/TimePicker.test.tsx +++ b/packages/react-core/src/components/TimePicker/__tests__/TimePicker.test.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import { act } from 'react-dom/test-utils'; import { TimePicker } from '../TimePicker' diff --git a/packages/react-core/src/components/Title/__tests__/Generated/Title.test.tsx b/packages/react-core/src/components/Title/__tests__/Generated/Title.test.tsx index ce05af4022d..77d14d51627 100644 --- a/packages/react-core/src/components/Title/__tests__/Generated/Title.test.tsx +++ b/packages/react-core/src/components/Title/__tests__/Generated/Title.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Title } from '../../Title'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Title should match snapshot (auto-generated)', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(<Title size={'md'} children={''} className={"''"} headingLevel={'h1'} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Title/__tests__/Generated/__snapshots__/Title.test.tsx.snap b/packages/react-core/src/components/Title/__tests__/Generated/__snapshots__/Title.test.tsx.snap index fa84b6b2069..a7c453a63e7 100644 --- a/packages/react-core/src/components/Title/__tests__/Generated/__snapshots__/Title.test.tsx.snap +++ b/packages/react-core/src/components/Title/__tests__/Generated/__snapshots__/Title.test.tsx.snap @@ -1,10 +1,12 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Title should match snapshot (auto-generated) 1`] = ` -<h1 - className="pf-c-title pf-m-md ''" - data-ouia-component-id="OUIA-Generated-Title-1" - data-ouia-component-type="PF4/Title" - data-ouia-safe={true} -/> +<div> + <h1 + class="pf-c-title pf-m-md ''" + data-ouia-component-id="OUIA-Generated-Title-1" + data-ouia-component-type="PF4/Title" + data-ouia-safe="true" + /> +</div> `; diff --git a/packages/react-core/src/components/Title/__tests__/Title.test.tsx b/packages/react-core/src/components/Title/__tests__/Title.test.tsx index 20da052836e..0de1d9038ef 100644 --- a/packages/react-core/src/components/Title/__tests__/Title.test.tsx +++ b/packages/react-core/src/components/Title/__tests__/Title.test.tsx @@ -1,15 +1,16 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { shallow } from 'enzyme'; import { Title, TitleSizes } from '..'; Object.values(TitleSizes).forEach(size => { test(`${size} Title`, () => { - const view = shallow( + const view = render( <Title size={size} headingLevel="h1"> {size} Title ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/components/Title/__tests__/__snapshots__/Title.test.tsx.snap b/packages/react-core/src/components/Title/__tests__/__snapshots__/Title.test.tsx.snap index 4f2410c4f13..16c784ae0db 100644 --- a/packages/react-core/src/components/Title/__tests__/__snapshots__/Title.test.tsx.snap +++ b/packages/react-core/src/components/Title/__tests__/__snapshots__/Title.test.tsx.snap @@ -1,73 +1,85 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`2xl Title 1`] = ` -

    - 2xl - Title -

    +
    +

    + 2xl + Title +

    +
    `; exports[`3xl Title 1`] = ` -

    - 3xl - Title -

    +
    +

    + 3xl + Title +

    +
    `; exports[`4xl Title 1`] = ` -

    - 4xl - Title -

    +
    +

    + 4xl + Title +

    +
    `; exports[`lg Title 1`] = ` -

    - lg - Title -

    +
    +

    + lg + Title +

    +
    `; exports[`md Title 1`] = ` -

    - md - Title -

    +
    +

    + md + Title +

    +
    `; exports[`xl Title 1`] = ` -

    - xl - Title -

    +
    +

    + xl + Title +

    +
    `; diff --git a/packages/react-core/src/components/ToggleGroup/__tests__/ToggleGroup.test.tsx b/packages/react-core/src/components/ToggleGroup/__tests__/ToggleGroup.test.tsx index 6910854f83e..098c17a8d0a 100644 --- a/packages/react-core/src/components/ToggleGroup/__tests__/ToggleGroup.test.tsx +++ b/packages/react-core/src/components/ToggleGroup/__tests__/ToggleGroup.test.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; +import { shallow } from 'enzyme'; import { ToggleGroup } from '../ToggleGroup'; import { ToggleGroupItem } from '../ToggleGroupItem'; @@ -9,23 +10,23 @@ const props = { }; test('basic selected', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('basic not selected', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('icon variant', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('isDisabled', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('item passes selection and event to onChange handler', () => { @@ -37,12 +38,12 @@ test('item passes selection and event to onChange handler', () => { }); test('isCompact', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ToggleGroup/__tests__/ToggleGroupItemElement.test.tsx b/packages/react-core/src/components/ToggleGroup/__tests__/ToggleGroupItemElement.test.tsx index 9efbf7527ad..e74b5734ce5 100644 --- a/packages/react-core/src/components/ToggleGroup/__tests__/ToggleGroupItemElement.test.tsx +++ b/packages/react-core/src/components/ToggleGroup/__tests__/ToggleGroupItemElement.test.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ToggleGroupItemElement, ToggleGroupItemVariant } from '../ToggleGroupItemElement'; test('text variant', () => { - const view = shallow(Test); - expect(view).toMatchSnapshot(); + const view = render(Test); + expect(view.container).toMatchSnapshot(); }); test('icon variant', () => { - const view = shallow(ICON); - expect(view).toMatchSnapshot(); + const view = render(ICON); + expect(view.container).toMatchSnapshot(); }); test('empty', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroup.test.tsx.snap b/packages/react-core/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroup.test.tsx.snap index ef5283a7635..3dbf8268a66 100644 --- a/packages/react-core/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroup.test.tsx.snap +++ b/packages/react-core/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroup.test.tsx.snap @@ -1,104 +1,130 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`basic not selected 1`] = ` -
    - + + test + + +
    `; exports[`basic selected 1`] = ` -
    - + + test + + +
    `; exports[`icon variant 1`] = ` -
    - + + icon + + +
    `; exports[`isCompact 1`] = ` -
    - - +
    +
    +
    + +
    +
    + +
    +
    `; exports[`isDisabled 1`] = ` -
    - + + test + + +
    `; diff --git a/packages/react-core/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroupItemElement.test.tsx.snap b/packages/react-core/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroupItemElement.test.tsx.snap index 2d4bd9a18b0..00f02670ac7 100644 --- a/packages/react-core/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroupItemElement.test.tsx.snap +++ b/packages/react-core/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroupItemElement.test.tsx.snap @@ -1,23 +1,29 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`empty 1`] = ` - +
    + +
    `; exports[`icon variant 1`] = ` - - ICON - +
    + + ICON + +
    `; exports[`text variant 1`] = ` - - Test - +
    + + Test + +
    `; diff --git a/packages/react-core/src/components/Toolbar/__tests__/Generated/Toolbar.test.tsx b/packages/react-core/src/components/Toolbar/__tests__/Generated/Toolbar.test.tsx index 96146b69536..6f1422dd5df 100644 --- a/packages/react-core/src/components/Toolbar/__tests__/Generated/Toolbar.test.tsx +++ b/packages/react-core/src/components/Toolbar/__tests__/Generated/Toolbar.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Toolbar } from '../../Toolbar'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Toolbar should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( undefined as void} clearFiltersButtonText={'string'} @@ -20,5 +20,5 @@ it('Toolbar should match snapshot (auto-generated)', () => { id={'string'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarChipGroupContent.test.tsx b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarChipGroupContent.test.tsx index eb27fa27a27..00897630ed3 100644 --- a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarChipGroupContent.test.tsx +++ b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarChipGroupContent.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ToolbarChipGroupContent } from '../../ToolbarChipGroupContent'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ToolbarChipGroupContent should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { collapseListedFiltersBreakpoint={'lg'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarContent.test.tsx b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarContent.test.tsx index a8b25f73984..d60c1b4ac23 100644 --- a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarContent.test.tsx +++ b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarContent.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ToolbarContent } from '../../ToolbarContent'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ToolbarContent should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode
    } @@ -19,5 +19,5 @@ it('ToolbarContent should match snapshot (auto-generated)', () => { toolbarId={'string'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarExpandableContent.test.tsx b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarExpandableContent.test.tsx index 520b586722e..1eae06be8f9 100644 --- a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarExpandableContent.test.tsx +++ b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarExpandableContent.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ToolbarExpandableContent } from '../../ToolbarExpandableContent'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ToolbarExpandableContent should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { showClearFiltersButton={true} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarGroup.test.tsx b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarGroup.test.tsx index 0429a8372ab..1f72b26d7d7 100644 --- a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarGroup.test.tsx +++ b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarGroup.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ToolbarGroup } from '../../ToolbarGroup'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ToolbarGroup should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { innerRef={{ current: document.createElement('div') }} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarItem.test.tsx b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarItem.test.tsx index 0b24de7b678..1e6e330e6ba 100644 --- a/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarItem.test.tsx +++ b/packages/react-core/src/components/Toolbar/__tests__/Generated/ToolbarItem.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ToolbarItem } from '../../ToolbarItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('ToolbarItem should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { children={
    ReactNode
    } /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Toolbar/__tests__/Generated/__snapshots__/Toolbar.test.tsx.snap b/packages/react-core/src/components/Toolbar/__tests__/Generated/__snapshots__/Toolbar.test.tsx.snap index 0349c1743ec..c252887820d 100644 --- a/packages/react-core/src/components/Toolbar/__tests__/Generated/__snapshots__/Toolbar.test.tsx.snap +++ b/packages/react-core/src/components/Toolbar/__tests__/Generated/__snapshots__/Toolbar.test.tsx.snap @@ -1,7 +1,25 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Toolbar should match snapshot (auto-generated) 1`] = ` - - - +
    +
    +
    + ReactNode +
    + +
    `; diff --git a/packages/react-core/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarChipGroupContent.test.tsx.snap b/packages/react-core/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarChipGroupContent.test.tsx.snap index c57dd54a460..f54842d2e34 100644 --- a/packages/react-core/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarChipGroupContent.test.tsx.snap +++ b/packages/react-core/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarChipGroupContent.test.tsx.snap @@ -1,12 +1,14 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ToolbarChipGroupContent should match snapshot (auto-generated) 1`] = ` - +
    `; exports[`renders compact successfully 1`] = ` - - +
    -
    - -
      - -
    • - - - + + +
      - + + ApplicationLauncher + +
    +
    + +
    +
      +
    • +
      + - -
      -
      • - -
    +
    + -
  • -
    - - - -
    -
    • - - - - - - - +
    +
    + +
    + +
  • -
  • -
    - - - + + +
    +
    + + Application 2 + +
    +
    • + +
    + + + +
  • +
    +
    • - - + +
    + +
  • +
    + - + + + +
    +
    + + Sources +
    -
    • - - + + + +
  • +
    + - + + +
    -
    • -     - - - - - +
    + + Really really really long folder name that overflows the container it is in + +
    + + + + + + + `; exports[`renders guides successfully 1`] = ` - - +
    -
    - -
      - -
    • - - - + + +
      - + ApplicationLauncher + +
    + +
    +
      +
    • +
      + - -
      -
      • - - -
    - -     - - - - + Cost Management + + + + + +
  • +
    + - + + +
    -
    • -     - + Sources + + + + + +
  • +
    + - + + +
    -
    • -     - - - - - + + Really really really long folder name that overflows the container it is in + + + + + + + + `; exports[`tree view renders active successfully 1`] = ` - - +
    -
    - -
      - -
    • - - - + + +
      - - +
    + +
    +
      +
    • +
      + - -
      -
      • - - -
    - -     - - - - + Cost Management + + + + + +
  • +
    + - + + +
    -
    • -     - + Sources + + + + + +
  • +
    + - + + +
    -
    • -     - - - - - + + Really really really long folder name that overflows the container it is in + + + + + + + + `; exports[`tree view renders badges successfully 1`] = ` - - +
    -
    - -
      - -
    • - - - + + +
      - + ApplicationLauncher + + + + 2 + + +
    + +
    +
      +
    • +
      + - -
      -
      • - - -
    - -     - - - + + + + + +
  • -
  • -
    - - - + + +
    + + Application 2 + + + + 2 + + + + + +
    • + + +
  • +
    +
    • -     - + Cost Management + + + + 1 + + + + + + +
  • +
    + - + + +
    -
    • -     - + Sources + + + + 1 + + + + + + +
  • +
    + - + + +
    -
    • -     - - - - - + + Really really really long folder name that overflows the container it is in + + + + 1 + + + + + + + + + `; exports[`tree view renders basic successfully 1`] = ` - - +
    -
    - -
      - -
    • - - - + + +
      - + ApplicationLauncher + +
    + +
    +
      +
    • +
      + - -
      -
      • - - -
    - -     - - - - + Cost Management + + + + + +
  • +
    + - + + +
    -
    • -     - + Sources + + + + + +
  • +
    + - + + +
    -
    • -     - - - - - + + Really really really long folder name that overflows the container it is in + + + + + + + + `; exports[`tree view renders checkboxes successfully 1`] = ` - - +
    -
    - +
    +
    +
    + + + + + +
    +
    +
      - -
    • - -
      -
      - - - + - - -
      -
      -       + + + + + + + +
    - + +
  • +
    +
    - -
      - -
    • -
      - -
      -
      - - - - - -
      -
      -       -
      -
      • -       - -
    • -
      - -
      -
      - - - - - -
      -
      -       -
      -
      • -       -
    -     - -
    • - -
    + + + + + +
  • +
    +
    +
    + + + + + +
    +
    +
    +
    • +
  • +
    +
    +
    + + + + + +
    +
    +
    +
    • +
  • +
    +
    +
    + + + + + +
    +
    +
    +
    • + + + +`; + +exports[`tree view renders icons successfully 1`] = ` +
    +
    +
      +
    • +
      + - - - - -
      -
    - + + +
    - - - + + + + ApplicationLauncher + + + + +
      +
    • -
    • -
      -
      -
      - - - + - - -
      + +
      -       -
      -
      • - - + + + + Application 1 + + + + + +
    • -
    • -
      -
      -
      - - - + - - -
      + +
      -       -
      -
      • -       + + + + + Application 2 + + + + +
    - - -     -     -`; - -exports[`tree view renders icons successfully 1`] = ` - - } - icon={ - - } - onSelect={[MockFunction]} -> - -
    - +
  • -
      - - } - hasBadge={false} - hasCheck={false} - icon={ - - } - id="AppLaunch" - isCompact={false} - itemData={ - Object { - "children": Array [ - Object { - "children": Array [ - Object { - "id": "App1Settings", - "name": "Settings", - }, - Object { - "id": "App1Current", - "name": "Current", - }, - ], - "id": "App1", - "name": "Application 1", - }, - Object { - "children": Array [ - Object { - "id": "App2Settings", - "name": "Settings", - }, - Object { - "children": Array [ - Object { - "id": "LoadApp1", - "name": "Loading App 1", - }, - Object { - "id": "LoadApp2", - "name": "Loading App 2", - }, - Object { - "id": "LoadApp3", - "name": "Loading App 3", - }, - ], - "id": "App2Loader", - "name": "Loader", - }, - ], - "id": "App2", - "name": "Application 2", - }, - ], - "defaultExpanded": true, - "id": "AppLaunch", - "name": "ApplicationLauncher", - } - } - key="AppLaunch" - name="ApplicationLauncher" - onSelect={[MockFunction]} + - + + +
    • - - } - hasBadges={false} - hasChecks={false} - hasGuides={false} - icon={ - - } - isNested={true} - onSelect={[MockFunction]} - parentItem={ - Object { - "children": Array [ - Object { - "children": Array [ - Object { - "id": "App1Settings", - "name": "Settings", - }, - Object { - "id": "App1Current", - "name": "Current", - }, - ], - "id": "App1", - "name": "Application 1", - }, - Object { - "children": Array [ - Object { - "id": "App2Settings", - "name": "Settings", - }, - Object { - "children": Array [ - Object { - "id": "LoadApp1", - "name": "Loading App 1", - }, - Object { - "id": "LoadApp2", - "name": "Loading App 2", - }, - Object { - "id": "LoadApp3", - "name": "Loading App 3", - }, - ], - "id": "App2Loader", - "name": "Loader", - }, - ], - "id": "App2", - "name": "Application 2", - }, - ], - "defaultExpanded": true, - "id": "AppLaunch", - "name": "ApplicationLauncher", - } - } - variant="default" + - - - - - - } - hasBadge={false} - hasCheck={false} - icon={ - - } - id="Cost" - isCompact={false} - itemData={ - Object { - "children": Array [ - Object { - "children": Array [ - Object { - "id": "App3Settings", - "name": "Settings", - }, - Object { - "id": "App3Current", - "name": "Current", - }, - ], - "id": "App3", - "name": "Application 3", - }, - ], - "id": "Cost", - "name": "Cost Management", - } - } - key="Cost" - name="Cost Management" - onSelect={[MockFunction]} + + + + + Cost Management + + + + + +
  • +
    + - + + +
    -
    • -     - - } - hasBadge={false} - hasCheck={false} - icon={ - - } - id="Sources" - isCompact={false} - itemData={ - Object { - "children": Array [ - Object { - "children": Array [ - Object { - "id": "App4Settings", - "name": "Settings", - }, - ], - "id": "App4", - "name": "Application 4", - }, - ], - "id": "Sources", - "name": "Sources", - } - } - key="Sources" - name="Sources" - onSelect={[MockFunction]} - > -
  • -
    - -
    -
    • -     - - } - hasBadge={false} - hasCheck={false} - icon={ - - } - id="Long" - isCompact={false} - itemData={ - Object { - "children": Array [ - Object { - "id": "App5", - "name": "Application 5", - }, - ], - "id": "Long", - "name": "Really really really long folder name that overflows the container it is in", - } - } - key="Long" - name="Really really really long folder name that overflows the container it is in" - onSelect={[MockFunction]} + + + + + Sources + + + + + +
  • +
    + - + + +
    -
    • -     - - - -     -     + + + + + Really really really long folder name that overflows the container it is in + + + + + + + + `; exports[`tree view renders individual flag options successfully 1`] = ` -, - "hasCheck": true, - "icon": , - "id": "AppLaunch", - "name": "ApplicationLauncher", - }, - Object { - "action": , - "children": Array [ - Object { - "children": Array [ - Object { - "id": "App3Settings", - "name": "Settings", - }, - Object { - "id": "App3Current", - "name": "Current", - }, - ], - "id": "App3", - "name": "Application 3", - }, - ], - "hasBadge": true, - "id": "Cost", - "name": "Cost Management", - }, - Object { - "children": Array [ - Object { - "children": Array [ - Object { - "id": "App4Settings", - "name": "Settings", - }, - ], - "id": "App4", - "name": "Application 4", - }, - ], - "id": "Sources", - "name": "Sources", - }, - Object { - "children": Array [ - Object { - "id": "App5", - "name": "Application 5", - }, - ], - "id": "Long", - "name": "Really really really long folder name that overflows the container it is in", - }, - ] - } - onSelect={[MockFunction]} -> - +
    -
    - +
    +
    +
    + + + + + + + + +
    +
    +
      - - } - hasBadge={false} - hasCheck={true} - icon={ - - } - id="AppLaunch" - isCompact={false} - itemData={ - Object { - "children": Array [ - Object { - "children": Array [ - Object { - "id": "App1Settings", - "name": "Settings", - }, - Object { - "id": "App1Current", - "name": "Current", - }, - ], - "id": "App1", - "name": "Application 1", - }, - Object { - "children": Array [ - Object { - "hasCheck": true, - "id": "App2Settings", - "name": "Settings", - }, - Object { - "children": Array [ - Object { - "id": "LoadApp1", - "name": "Loading App 1", - }, - Object { - "id": "LoadApp2", - "name": "Loading App 2", - }, - Object { - "id": "LoadApp3", - "name": "Loading App 3", - }, - ], - "id": "App2Loader", - "name": "Loader", - }, - ], - "hasBadge": true, - "id": "App2", - "name": "Application 2", - }, - ], - "defaultExpanded": true, - "expandedIcon": , - "hasCheck": true, - "icon": , - "id": "AppLaunch", - "name": "ApplicationLauncher", - } - } - key="AppLaunch" - name="ApplicationLauncher" - onSelect={[MockFunction]} +
    • -
    • -
      -
      -
      - - - + - - - - - - - - - -
      + +
      -       -
      - , - "hasCheck": true, - "icon": , - "id": "AppLaunch", - "name": "ApplicationLauncher", - } - } - variant="default" + + Application 1 + +
    + +
    + +
  • +
    + - -
    -
    • - - , - "hasCheck": true, - "icon": , - "id": "AppLaunch", - "name": "ApplicationLauncher", - } - } + + + + + Application 2 + + + -
  • -
    - - - -
    -
    • -     - - -     - - - - - - } - activeItems={ - Array [ - Object { - "children": Array [ - Object { - "id": "App1Settings", - "name": "Settings", - }, - Object { - "id": "App1Current", - "name": "Current", - }, - ], - "id": "App1", - "name": "Application 1", - }, - ] - } - compareItems={[Function]} - defaultExpanded={false} - hasBadge={true} - hasCheck={false} - id="Cost" - isCompact={false} - itemData={ - Object { - "action": , - "children": Array [ - Object { - "children": Array [ - Object { - "id": "App3Settings", - "name": "Settings", - }, - Object { - "id": "App3Current", - "name": "Current", - }, - ], - "id": "App3", - "name": "Application 3", - }, - ], - "hasBadge": true, - "id": "Cost", - "name": "Cost Management", - } - } - key="Cost" - name="Cost Management" - onSelect={[MockFunction]} + 2 + + + + + + + + +
  • +
    + - -
    - - - -
    + + +
    -
    • -     - + Cost Management + + + + 1 + + + + +
    + +
    + + +
  • +
    + - + + +
    -
    • -     - + Sources + + + + + +
  • +
    + - + + +
    -
    • -     - - - - - + + Really really really long folder name that overflows the container it is in + + + + + + + + `; exports[`tree view renders search successfully 1`] = ` - +
    - +
    `; exports[`tree view renders toolbar successfully 1`] = ` - +
    test
    - } -> - -
    +
      - - test -
    - } +
  • -
    - test -
    - -
    -     -
      - -
    • - - - + + +
      - - +
    • + + +
      +
    • +
      + - -
      -
      • - - -
    - -     - - - - + Cost Management + + + + + +
  • +
    + - + + +
    -
    • -     - + Sources + + + + + +
  • +
    + - + + +
    -
    • -     - - - - - + + Really really really long folder name that overflows the container it is in + + + + + + + + `; diff --git a/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx b/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx index ba394642624..fb9999d6877 100644 --- a/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx +++ b/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx @@ -1,18 +1,18 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Truncate } from '../Truncate'; test('renders default truncation', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('renders start truncation', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('renders middle truncation', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap b/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap index f46d7496c81..2fabbbb026d 100644 --- a/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap +++ b/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap @@ -1,58 +1,49 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`renders default truncation 1`] = ` - +
    Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan. - +
    `; exports[`renders middle truncation 1`] = ` - +
    Vestibulum interdum risus et enim faucibus, sit amet molestie est ac cumsan. - +
    `; exports[`renders start truncation 1`] = ` - +
    Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan. ‎ - +
    `; diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardBody.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardBody.test.tsx index 589fd4bba50..f0129a8b876 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardBody.test.tsx +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardBody.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { WizardBody } from '../../WizardBody'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('WizardBody should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { mainComponent={'div'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardFooter.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardFooter.test.tsx index 7d3c8ba2d0b..cb1978da36f 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardFooter.test.tsx +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardFooter.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { WizardFooter } from '../../WizardFooter'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('WizardFooter should match snapshot (auto-generated)', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardFooterInternal.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardFooterInternal.test.tsx index dc327b02cba..053c51c29df 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardFooterInternal.test.tsx +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardFooterInternal.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { WizardFooterInternal } from '../../WizardFooterInternal'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('WizardFooterInternal should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( { cancelButtonText={
    ReactNode
    } /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardHeader.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardHeader.test.tsx index 5ae03775bd6..730c774e3d5 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardHeader.test.tsx +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardHeader.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { WizardHeader } from '../../WizardHeader'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('WizardHeader should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( undefined} title={'string'} @@ -19,5 +19,5 @@ it('WizardHeader should match snapshot (auto-generated)', () => { descriptionId={'string'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardNav.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardNav.test.tsx index 7d378ece1a9..22e8a8bbed5 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardNav.test.tsx +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardNav.test.tsx @@ -2,14 +2,14 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { WizardNav } from '../../WizardNav'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('WizardNav should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardNavItem.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardNavItem.test.tsx index 02a3a02c213..2b47f253c08 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardNavItem.test.tsx +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardNavItem.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { WizardNavItem } from '../../WizardNavItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('WizardNavItem should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} content={''} @@ -20,5 +20,5 @@ it('WizardNavItem should match snapshot (auto-generated)', () => { href={'null'} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardToggle.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardToggle.test.tsx index 420a81244e2..ff219ed3d08 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/WizardToggle.test.tsx +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/WizardToggle.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { WizardToggle } from '../../WizardToggle'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('WizardToggle should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( undefined as React.ReactElement} steps={[]} @@ -23,5 +23,5 @@ it('WizardToggle should match snapshot (auto-generated)', () => { isInPage={true} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardBody.test.tsx.snap b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardBody.test.tsx.snap index 9b083a6da52..9c91dd45a47 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardBody.test.tsx.snap +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardBody.test.tsx.snap @@ -1,15 +1,17 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`WizardBody should match snapshot (auto-generated) 1`] = ` -
    +
    - any +
    + any +
    `; diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooter.test.tsx.snap b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooter.test.tsx.snap index fce451ee82b..5a764c595f2 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooter.test.tsx.snap +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooter.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`WizardFooter should match snapshot (auto-generated) 1`] = ` -
    - any -
    +
    +
    + any +
    +
    `; diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooterInternal.test.tsx.snap b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooterInternal.test.tsx.snap index 98fd47faea5..89aa4f0ff02 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooterInternal.test.tsx.snap +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardFooterInternal.test.tsx.snap @@ -1,39 +1,51 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`WizardFooterInternal should match snapshot (auto-generated) 1`] = ` -
    - - -
    - + -
    -
    + +
    + +
    + +
    `; diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardHeader.test.tsx.snap b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardHeader.test.tsx.snap index 32fc0a64b3c..ad7e57f8540 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardHeader.test.tsx.snap +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardHeader.test.tsx.snap @@ -1,25 +1,28 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`WizardHeader should match snapshot (auto-generated) 1`] = ` -
    - + <div + class="pf-c-wizard__header" > - string - -

    -

    - ReactNode -
    -

    +

    + string +

    +

    +

    + ReactNode +
    +

    +
    `; diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNav.test.tsx.snap b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNav.test.tsx.snap index aa0cadb069a..c2eee4af055 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNav.test.tsx.snap +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNav.test.tsx.snap @@ -1,15 +1,17 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`WizardNav should match snapshot (auto-generated) 1`] = ` - +
      + any +
    + + `; diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNavItem.test.tsx.snap b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNavItem.test.tsx.snap index 691e8d82efc..de25a9967cd 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNavItem.test.tsx.snap +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNavItem.test.tsx.snap @@ -1,16 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`WizardNavItem should match snapshot (auto-generated) 1`] = ` -
  • -
    • +
    +
  • +
    • +
    `; diff --git a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap index beaa8a0da69..6611511cc32 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap +++ b/packages/react-core/src/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap @@ -1,52 +1,61 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`WizardToggle should match snapshot (auto-generated) 1`] = ` - +
    - + class="pf-c-wizard__main" + > +
    +
    ReactNode
    - +
    `; diff --git a/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx index 825ab36c231..ef7fa9c33f3 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx +++ b/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { shallow, mount } from 'enzyme'; import { Wizard, WizardStepFunctionType, WizardStep } from '../Wizard'; @@ -28,13 +29,11 @@ test('Wizard should match snapshot', () => { const name = { step }; }; - const view = mount( + const view = render( ); - // ran into: https://github.com/airbnb/enzyme/issues/1213 - // so instead of: expect(view).toMatchSnapshot(); - const fragment = view.instance().render(); - expect(mount(
    {fragment}
    ).getElement()).toMatchSnapshot(); + + expect(view.container).toMatchSnapshot(); }); test('Expandable Nav Wizard should match snapshot', () => { @@ -63,13 +62,11 @@ test('Expandable Nav Wizard should match snapshot', () => { const name = { step }; }; - const view = mount( + const view = render( ); - // ran into: https://github.com/airbnb/enzyme/issues/1213 - // so instead of: expect(view).toMatchSnapshot(); - const fragment = view.instance().render(); - expect(mount(
    {fragment}
    ).getElement()).toMatchSnapshot(); + + expect(view.container).toMatchSnapshot(); }); test('bare wiz ', () => { diff --git a/packages/react-core/src/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap b/packages/react-core/src/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap index e5a309cb273..c8a77fb5b32 100644 --- a/packages/react-core/src/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +++ b/packages/react-core/src/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap @@ -2,244 +2,470 @@ exports[`Expandable Nav Wizard should match snapshot 1`] = `
    - - Step 1 -

    , - "name": "A", - }, - "goToStepById": [Function], - "goToStepByName": [Function], - "onBack": [Function], - "onClose": [Function], - "onNext": [Function], - } - } +
    - - + +

    + Wizard title +

    +

    + Description here +

    +
    + +
    +
    + +
    +
    +

    Step 1 -

    , - "name": "A", - } - } - hasNoBodyPadding={false} - isInPage={true} - isNavOpen={false} - mainAriaLabel={null} - mainAriaLabelledBy="pf-wizard-title-1" - nav={[Function]} - onNavToggle={[Function]} - steps={ - Array [ - Object { - "canJumpTo": true, - "component":

    - Step 1 -

    , - "name": "A", - }, - Object { - "canJumpTo": true, - "name": "B", - "steps": Array [ - Object { - "canJumpTo": true, - "component":

    - Step 2 -

    , - "enableNext": true, - "name": "B-1", - }, - Object { - "canJumpTo": true, - "component":

    - Step 3 -

    , - "enableNext": false, - "name": "B-2", - }, - ], - }, - Object { - "canJumpTo": true, - "component":

    - Step 4 -

    , - "name": "C", - }, - Object { - "canJumpTo": true, - "component":

    - Step 5 -

    , - "name": "D", - }, - ] - } +

    +
    +
    +
    +
    - - Step 1 -

    , - "name": "A", - } - } - backButtonText="Back" - cancelButtonText="Cancel" - firstStep={true} - isValid={true} - nextButtonText="Next" - onBack={[Function]} - onClose={[Function]} - onNext={[Function]} - /> - + + +
    + +
    +
    - +
    `; exports[`Wizard should match snapshot 1`] = `
    - - Step 1 -

    , - "name": "A", - }, - "goToStepById": [Function], - "goToStepByName": [Function], - "onBack": [Function], - "onClose": [Function], - "onNext": [Function], - } - } +
    - - + +

    + Wizard title +

    +

    + Description here +

    +
    + +
    +
    + +
    +
    +

    Step 1 -

    , - "name": "A", - } - } - hasNoBodyPadding={false} - isInPage={true} - isNavOpen={false} - mainAriaLabel={null} - mainAriaLabelledBy="pf-wizard-title-0" - nav={[Function]} - onNavToggle={[Function]} - steps={ - Array [ - Object { - "canJumpTo": true, - "component":

    - Step 1 -

    , - "name": "A", - }, - Object { - "canJumpTo": true, - "name": "B", - "steps": Array [ - Object { - "canJumpTo": true, - "component":

    - Step 2 -

    , - "enableNext": true, - "name": "B-1", - }, - Object { - "canJumpTo": true, - "component":

    - Step 3 -

    , - "enableNext": false, - "name": "B-2", - }, - ], - }, - Object { - "canJumpTo": true, - "component":

    - Step 4 -

    , - "name": "C", - }, - Object { - "canJumpTo": true, - "component":

    - Step 5 -

    , - "name": "D", - }, - ] - } +

    +
    +
    +
    +
    - - Step 1 -

    , - "name": "A", - } - } - backButtonText="Back" - cancelButtonText="Cancel" - firstStep={true} - isValid={true} - nextButtonText="Next" - onBack={[Function]} - onClose={[Function]} - onNext={[Function]} - /> - + + +
    + +
    +
    - +
    `; diff --git a/packages/react-core/src/helpers/FocusTrap/__tests__/Generated/FocusTrap.test.tsx b/packages/react-core/src/helpers/FocusTrap/__tests__/Generated/FocusTrap.test.tsx index a8df64d8989..8bc6e93d3a6 100644 --- a/packages/react-core/src/helpers/FocusTrap/__tests__/Generated/FocusTrap.test.tsx +++ b/packages/react-core/src/helpers/FocusTrap/__tests__/Generated/FocusTrap.test.tsx @@ -2,11 +2,11 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { FocusTrap } from '../../FocusTrap'; it('FocusTrap should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={'string'} @@ -15,5 +15,5 @@ it('FocusTrap should match snapshot (auto-generated)', () => { focusTrapOptions={undefined} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/helpers/FocusTrap/__tests__/Generated/__snapshots__/FocusTrap.test.tsx.snap b/packages/react-core/src/helpers/FocusTrap/__tests__/Generated/__snapshots__/FocusTrap.test.tsx.snap index 1b2b50a2648..d60d21feb31 100644 --- a/packages/react-core/src/helpers/FocusTrap/__tests__/Generated/__snapshots__/FocusTrap.test.tsx.snap +++ b/packages/react-core/src/helpers/FocusTrap/__tests__/Generated/__snapshots__/FocusTrap.test.tsx.snap @@ -1,11 +1,13 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`FocusTrap should match snapshot (auto-generated) 1`] = ` -
    -
    - ReactNode +
    +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/helpers/GenerateId/__tests__/GenerateId.test.tsx b/packages/react-core/src/helpers/GenerateId/__tests__/GenerateId.test.tsx index bf3cc99a1e3..00cb4a1d5e4 100644 --- a/packages/react-core/src/helpers/GenerateId/__tests__/GenerateId.test.tsx +++ b/packages/react-core/src/helpers/GenerateId/__tests__/GenerateId.test.tsx @@ -1,9 +1,9 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { GenerateId } from '../GenerateId'; test('generates id', () => { - const view = shallow({id =>
    div with random ID
    }    ); + const view = render({id =>
    div with random ID
    }    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/helpers/GenerateId/__tests__/__snapshots__/GenerateId.test.tsx.snap b/packages/react-core/src/helpers/GenerateId/__tests__/__snapshots__/GenerateId.test.tsx.snap index 7b906855a01..21d5770953e 100644 --- a/packages/react-core/src/helpers/GenerateId/__tests__/__snapshots__/GenerateId.test.tsx.snap +++ b/packages/react-core/src/helpers/GenerateId/__tests__/__snapshots__/GenerateId.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`generates id 1`] = ` -
    - div with random ID +
    +
    + div with random ID +
    `; diff --git a/packages/react-core/src/helpers/Popper/__tests__/Generated/FindRefWrapper.test.tsx b/packages/react-core/src/helpers/Popper/__tests__/Generated/FindRefWrapper.test.tsx index 458559af8a6..de5198dd68e 100644 --- a/packages/react-core/src/helpers/Popper/__tests__/Generated/FindRefWrapper.test.tsx +++ b/packages/react-core/src/helpers/Popper/__tests__/Generated/FindRefWrapper.test.tsx @@ -2,10 +2,10 @@ * This test was generated */ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { FindRefWrapper } from '../../FindRefWrapper'; it('FindRefWrapper should match snapshot (auto-generated)', () => { - const view = mount(ReactNode
    } onFoundRef={(foundRef: any) => {}} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode
    } onFoundRef={(foundRef: any) => {}} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/helpers/Popper/__tests__/Generated/__snapshots__/FindRefWrapper.test.tsx.snap b/packages/react-core/src/helpers/Popper/__tests__/Generated/__snapshots__/FindRefWrapper.test.tsx.snap index d284d15e4e0..b2ef16abef2 100644 --- a/packages/react-core/src/helpers/Popper/__tests__/Generated/__snapshots__/FindRefWrapper.test.tsx.snap +++ b/packages/react-core/src/helpers/Popper/__tests__/Generated/__snapshots__/FindRefWrapper.test.tsx.snap @@ -1,11 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`FindRefWrapper should match snapshot (auto-generated) 1`] = ` - +
    ReactNode
    - +
    `; diff --git a/packages/react-core/src/layouts/Bullseye/__tests__/Bullseye.test.tsx b/packages/react-core/src/layouts/Bullseye/__tests__/Bullseye.test.tsx index 9286beee753..0bae6cdb156 100644 --- a/packages/react-core/src/layouts/Bullseye/__tests__/Bullseye.test.tsx +++ b/packages/react-core/src/layouts/Bullseye/__tests__/Bullseye.test.tsx @@ -1,10 +1,11 @@ import * as React from 'react'; import { Bullseye } from '../Bullseye'; +import { render } from '@testing-library/react'; import { shallow } from 'enzyme'; test('renders with PatternFly Core styles', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('className is added to the root element', () => { @@ -26,6 +27,6 @@ test('allows passing in a string as the component', () => { test('allows passing in a React Component as the component', () => { const Component: React.FunctionComponent = () => null; - const view = shallow(); + const view = shallow(); expect(view.type()).toBe(Component); }); diff --git a/packages/react-core/src/layouts/Bullseye/__tests__/Generated/Bullseye.test.tsx b/packages/react-core/src/layouts/Bullseye/__tests__/Generated/Bullseye.test.tsx index 884b440df0f..f3bff9527df 100644 --- a/packages/react-core/src/layouts/Bullseye/__tests__/Generated/Bullseye.test.tsx +++ b/packages/react-core/src/layouts/Bullseye/__tests__/Generated/Bullseye.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Bullseye } from '../../Bullseye'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Bullseye should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} component={'div'} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} component={'div'} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Bullseye/__tests__/Generated/__snapshots__/Bullseye.test.tsx.snap b/packages/react-core/src/layouts/Bullseye/__tests__/Generated/__snapshots__/Bullseye.test.tsx.snap index b826bc27d8d..cf3865a2dc8 100644 --- a/packages/react-core/src/layouts/Bullseye/__tests__/Generated/__snapshots__/Bullseye.test.tsx.snap +++ b/packages/react-core/src/layouts/Bullseye/__tests__/Generated/__snapshots__/Bullseye.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Bullseye should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Bullseye/__tests__/__snapshots__/Bullseye.test.tsx.snap b/packages/react-core/src/layouts/Bullseye/__tests__/__snapshots__/Bullseye.test.tsx.snap index de14647b391..1584de3bd8c 100644 --- a/packages/react-core/src/layouts/Bullseye/__tests__/__snapshots__/Bullseye.test.tsx.snap +++ b/packages/react-core/src/layouts/Bullseye/__tests__/__snapshots__/Bullseye.test.tsx.snap @@ -3,7 +3,9 @@ exports[`className is added to the root element 1`] = `"pf-l-bullseye extra-class"`; exports[`renders with PatternFly Core styles 1`] = ` -
    +
    +
    +
    `; diff --git a/packages/react-core/src/layouts/Flex/__tests__/Flex.test.tsx b/packages/react-core/src/layouts/Flex/__tests__/Flex.test.tsx index f062c15fee8..32671336824 100644 --- a/packages/react-core/src/layouts/Flex/__tests__/Flex.test.tsx +++ b/packages/react-core/src/layouts/Flex/__tests__/Flex.test.tsx @@ -1,37 +1,32 @@ import * as React from 'react'; import { Flex } from '../Flex'; import { FlexItem } from '../FlexItem'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; +import { mount } from 'enzyme'; test('Simple flex with single item', () => { - const view = shallow( + const view = render( Test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Nested flex', () => { - const view = shallow( + const view = render( Test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('className is added to the root element', () => { - const view = shallow(); - expect(view.prop('className')).toMatchSnapshot(); -}); - -test('extra props are spread to the root element', () => { - const testId = 'flex'; - const view = shallow(); - expect(view.prop('data-testid')).toBe(testId); + const view = render(); + expect(view.container).toMatchSnapshot(); }); const flexModifiers = { @@ -63,7 +58,7 @@ describe('flex modifiers', () => { } }))) .reduce((acc, val) => acc.concat(val), []) - .forEach(props => + .forEach(props => test(`${JSON.stringify(props)} add valid classes to Flex`, () => { const view = mount({JSON.stringify(props)}); const className = view.find('div').prop('className').replace('pf-l-flex', '').trim(); @@ -95,7 +90,7 @@ describe('flexItem modifiers', () => { } }))) .reduce((acc, val) => acc.concat(val), []) - .forEach(props => + .forEach(props => test(`${JSON.stringify(props)} add valid classes to FlexItem`, () => { const view = mount({JSON.stringify(props)}); const className = view.find('div').prop('className').trim(); @@ -106,10 +101,10 @@ describe('flexItem modifiers', () => { }); test('alternative component', () => { - const view = mount( + const view = render( Test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Flex/__tests__/Generated/Flex.test.tsx b/packages/react-core/src/layouts/Flex/__tests__/Generated/Flex.test.tsx index 3f9e1281f04..e52a3b4f7cc 100644 --- a/packages/react-core/src/layouts/Flex/__tests__/Generated/Flex.test.tsx +++ b/packages/react-core/src/layouts/Flex/__tests__/Generated/Flex.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Flex } from '../../Flex'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Flex should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Flex/__tests__/Generated/FlexItem.test.tsx b/packages/react-core/src/layouts/Flex/__tests__/Generated/FlexItem.test.tsx index 3794f37a145..5b2a4966a6f 100644 --- a/packages/react-core/src/layouts/Flex/__tests__/Generated/FlexItem.test.tsx +++ b/packages/react-core/src/layouts/Flex/__tests__/Generated/FlexItem.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { FlexItem } from '../../FlexItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('FlexItem should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Flex/__tests__/Generated/__snapshots__/Flex.test.tsx.snap b/packages/react-core/src/layouts/Flex/__tests__/Generated/__snapshots__/Flex.test.tsx.snap index 9162835b513..ac3524cda23 100644 --- a/packages/react-core/src/layouts/Flex/__tests__/Generated/__snapshots__/Flex.test.tsx.snap +++ b/packages/react-core/src/layouts/Flex/__tests__/Generated/__snapshots__/Flex.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Flex should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Flex/__tests__/Generated/__snapshots__/FlexItem.test.tsx.snap b/packages/react-core/src/layouts/Flex/__tests__/Generated/__snapshots__/FlexItem.test.tsx.snap index 8c5db520353..57a91c2f684 100644 --- a/packages/react-core/src/layouts/Flex/__tests__/Generated/__snapshots__/FlexItem.test.tsx.snap +++ b/packages/react-core/src/layouts/Flex/__tests__/Generated/__snapshots__/FlexItem.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`FlexItem should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Flex/__tests__/__snapshots__/Flex.test.tsx.snap b/packages/react-core/src/layouts/Flex/__tests__/__snapshots__/Flex.test.tsx.snap index 1ed4d1b27a8..302dc52b509 100644 --- a/packages/react-core/src/layouts/Flex/__tests__/__snapshots__/Flex.test.tsx.snap +++ b/packages/react-core/src/layouts/Flex/__tests__/__snapshots__/Flex.test.tsx.snap @@ -1,45 +1,55 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Nested flex 1`] = ` -
    - - - Test - - +
    +
    +
    +
    + Test +
    +
    +
    `; exports[`Simple flex with single item 1`] = ` -
    - - Test - +
    +
    +
    + Test +
    +
    `; exports[`alternative component 1`] = ` - +
      - -
    • - Test -
      • -       + Test +
    - +
    `; -exports[`className is added to the root element 1`] = `"pf-l-flex extra-class"`; +exports[`className is added to the root element 1`] = ` +
    +
    +
    +`; diff --git a/packages/react-core/src/layouts/Gallery/__tests__/Gallery.test.tsx b/packages/react-core/src/layouts/Gallery/__tests__/Gallery.test.tsx index 4092f2091ce..13adeb4c74e 100644 --- a/packages/react-core/src/layouts/Gallery/__tests__/Gallery.test.tsx +++ b/packages/react-core/src/layouts/Gallery/__tests__/Gallery.test.tsx @@ -1,15 +1,15 @@ import * as React from 'react'; import { Gallery } from '../Gallery'; import { GalleryItem } from '../GalleryItem'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; test('gutter', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('gutter breakpoints', () => { - const view = mount( + const view = render( { }} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('alternative component', () => { - const view = mount( + const view = render( Test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Gallery/__tests__/Generated/Gallery.test.tsx b/packages/react-core/src/layouts/Gallery/__tests__/Generated/Gallery.test.tsx index 25dc9d4bce5..577d9ca9945 100644 --- a/packages/react-core/src/layouts/Gallery/__tests__/Generated/Gallery.test.tsx +++ b/packages/react-core/src/layouts/Gallery/__tests__/Generated/Gallery.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Gallery } from '../../Gallery'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Gallery should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} hasGutter />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} hasGutter />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Gallery/__tests__/Generated/GalleryItem.test.tsx b/packages/react-core/src/layouts/Gallery/__tests__/Generated/GalleryItem.test.tsx index 42e41816805..c10a7a0237d 100644 --- a/packages/react-core/src/layouts/Gallery/__tests__/Generated/GalleryItem.test.tsx +++ b/packages/react-core/src/layouts/Gallery/__tests__/Generated/GalleryItem.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { GalleryItem } from '../../GalleryItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('GalleryItem should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Gallery/__tests__/Generated/__snapshots__/Gallery.test.tsx.snap b/packages/react-core/src/layouts/Gallery/__tests__/Generated/__snapshots__/Gallery.test.tsx.snap index be7add6ba0d..efe9a1bb0d1 100644 --- a/packages/react-core/src/layouts/Gallery/__tests__/Generated/__snapshots__/Gallery.test.tsx.snap +++ b/packages/react-core/src/layouts/Gallery/__tests__/Generated/__snapshots__/Gallery.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Gallery should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Gallery/__tests__/Generated/__snapshots__/GalleryItem.test.tsx.snap b/packages/react-core/src/layouts/Gallery/__tests__/Generated/__snapshots__/GalleryItem.test.tsx.snap index 85506a5f24c..ff328739de0 100644 --- a/packages/react-core/src/layouts/Gallery/__tests__/Generated/__snapshots__/GalleryItem.test.tsx.snap +++ b/packages/react-core/src/layouts/Gallery/__tests__/Generated/__snapshots__/GalleryItem.test.tsx.snap @@ -2,6 +2,8 @@ exports[`GalleryItem should match snapshot (auto-generated) 1`] = `
    - ReactNode +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Gallery/__tests__/__snapshots__/Gallery.test.tsx.snap b/packages/react-core/src/layouts/Gallery/__tests__/__snapshots__/Gallery.test.tsx.snap index 47e823b3605..8db567b5067 100644 --- a/packages/react-core/src/layouts/Gallery/__tests__/__snapshots__/Gallery.test.tsx.snap +++ b/packages/react-core/src/layouts/Gallery/__tests__/__snapshots__/Gallery.test.tsx.snap @@ -1,57 +1,30 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`alternative component 1`] = ` - +
      - -
    • - Test -
      • -       +
    • + Test +
    - +
    `; exports[`gutter 1`] = ` -
    +
    +
    +
    `; exports[`gutter breakpoints 1`] = ` - +
    - +
    `; diff --git a/packages/react-core/src/layouts/Grid/__tests__/Generated/Grid.test.tsx b/packages/react-core/src/layouts/Grid/__tests__/Generated/Grid.test.tsx index 75320bc715c..2f607cdb823 100644 --- a/packages/react-core/src/layouts/Grid/__tests__/Generated/Grid.test.tsx +++ b/packages/react-core/src/layouts/Grid/__tests__/Generated/Grid.test.tsx @@ -2,14 +2,14 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Grid } from '../../Grid'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Grid should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} hasGutter span={null} sm={1} md={1} lg={1} xl={1} xl2={1} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Grid/__tests__/Generated/GridItem.test.tsx b/packages/react-core/src/layouts/Grid/__tests__/Generated/GridItem.test.tsx index c96c8c6d473..86d74ff5a24 100644 --- a/packages/react-core/src/layouts/Grid/__tests__/Generated/GridItem.test.tsx +++ b/packages/react-core/src/layouts/Grid/__tests__/Generated/GridItem.test.tsx @@ -2,13 +2,13 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { GridItem } from '../../GridItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('GridItem should match snapshot (auto-generated)', () => { - const view = shallow( + const view = render( ReactNode} className={"''"} @@ -32,5 +32,5 @@ it('GridItem should match snapshot (auto-generated)', () => { xl2Offset={1} /> ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Grid/__tests__/Generated/__snapshots__/Grid.test.tsx.snap b/packages/react-core/src/layouts/Grid/__tests__/Generated/__snapshots__/Grid.test.tsx.snap index 90ef7c866d2..768b2aec905 100644 --- a/packages/react-core/src/layouts/Grid/__tests__/Generated/__snapshots__/Grid.test.tsx.snap +++ b/packages/react-core/src/layouts/Grid/__tests__/Generated/__snapshots__/Grid.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Grid should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Grid/__tests__/Generated/__snapshots__/GridItem.test.tsx.snap b/packages/react-core/src/layouts/Grid/__tests__/Generated/__snapshots__/GridItem.test.tsx.snap index 144aaa521f0..10892e5bd2f 100644 --- a/packages/react-core/src/layouts/Grid/__tests__/Generated/__snapshots__/GridItem.test.tsx.snap +++ b/packages/react-core/src/layouts/Grid/__tests__/Generated/__snapshots__/GridItem.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`GridItem should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Grid/__tests__/Grid.test.tsx b/packages/react-core/src/layouts/Grid/__tests__/Grid.test.tsx index 7f4ede885a3..ebfdc179888 100644 --- a/packages/react-core/src/layouts/Grid/__tests__/Grid.test.tsx +++ b/packages/react-core/src/layouts/Grid/__tests__/Grid.test.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; import { Grid } from '../Grid'; import { GridItem } from '../GridItem'; -import { shallow, mount } from 'enzyme'; +import { render } from '@testing-library/react'; test('gutter', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('alternative component', () => { - const view = mount( + const view = render( Test ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Grid/__tests__/GridItem.test.tsx b/packages/react-core/src/layouts/Grid/__tests__/GridItem.test.tsx index c19c35e2150..00cea8cb555 100644 --- a/packages/react-core/src/layouts/Grid/__tests__/GridItem.test.tsx +++ b/packages/react-core/src/layouts/Grid/__tests__/GridItem.test.tsx @@ -1,39 +1,39 @@ import * as React from 'react'; import { GridItem } from '../GridItem'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { DeviceSizes } from '../../../styles/sizes'; test('adds span class', () => { - const view = shallow(); - expect(view.props().className).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('adds offset class', () => { - const view = shallow(); - expect(view.props().className).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('adds row class', () => { - const view = shallow(); - expect(view.props().className).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); Object.keys(DeviceSizes).forEach(size => { test(`adds ${size} span class`, () => { const props = { [size]: 4 }; - const view = shallow(); - expect(view.props().className).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test(`adds ${size} offset classes`, () => { const props = { [`${size}Offset`]: 1 }; - const view = shallow(); - expect(view.props().className).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test(`adds ${size} row classes`, () => { const props = { [`${size}RowSpan`]: 1 }; - const view = shallow(); - expect(view.props().className).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/Grid.test.tsx.snap b/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/Grid.test.tsx.snap index 3bb7bcbc9d3..de636800c52 100644 --- a/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/Grid.test.tsx.snap +++ b/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/Grid.test.tsx.snap @@ -1,27 +1,23 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`alternative component 1`] = ` - +
      - -
    • - Test -
      • -       + Test +
    - +
    `; exports[`gutter 1`] = ` -
    +
    +
    +
    `; diff --git a/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/GridItem.test.tsx.snap b/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/GridItem.test.tsx.snap index 35ca6f277b0..dae03575339 100644 --- a/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/GridItem.test.tsx.snap +++ b/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/GridItem.test.tsx.snap @@ -1,37 +1,145 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`adds lg offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-lg"`; - -exports[`adds lg row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-lg"`; - -exports[`adds lg span class 1`] = `"pf-l-grid__item pf-m-4-col-on-lg"`; - -exports[`adds md offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-md"`; - -exports[`adds md row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-md"`; - -exports[`adds md span class 1`] = `"pf-l-grid__item pf-m-4-col-on-md"`; - -exports[`adds offset class 1`] = `"pf-l-grid__item pf-m-offset-4-col"`; - -exports[`adds row class 1`] = `"pf-l-grid__item pf-m-4-row"`; - -exports[`adds sm offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-sm"`; - -exports[`adds sm row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-sm"`; - -exports[`adds sm span class 1`] = `"pf-l-grid__item pf-m-4-col-on-sm"`; - -exports[`adds span class 1`] = `"pf-l-grid__item pf-m-4-col"`; - -exports[`adds xl offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-xl"`; - -exports[`adds xl row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-xl"`; - -exports[`adds xl span class 1`] = `"pf-l-grid__item pf-m-4-col-on-xl"`; - -exports[`adds xl2 offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-2xl"`; - -exports[`adds xl2 row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-2xl"`; - -exports[`adds xl2 span class 1`] = `"pf-l-grid__item pf-m-4-col-on-2xl"`; +exports[`adds lg offset classes 1`] = ` +
    +
    +
    +`; + +exports[`adds lg row classes 1`] = ` +
    +
    +
    +`; + +exports[`adds lg span class 1`] = ` +
    +
    +
    +`; + +exports[`adds md offset classes 1`] = ` +
    +
    +
    +`; + +exports[`adds md row classes 1`] = ` +
    +
    +
    +`; + +exports[`adds md span class 1`] = ` +
    +
    +
    +`; + +exports[`adds offset class 1`] = ` +
    +
    +
    +`; + +exports[`adds row class 1`] = ` +
    +
    +
    +`; + +exports[`adds sm offset classes 1`] = ` +
    +
    +
    +`; + +exports[`adds sm row classes 1`] = ` +
    +
    +
    +`; + +exports[`adds sm span class 1`] = ` +
    +
    +
    +`; + +exports[`adds span class 1`] = ` +
    +
    +
    +`; + +exports[`adds xl offset classes 1`] = ` +
    +
    +
    +`; + +exports[`adds xl row classes 1`] = ` +
    +
    +
    +`; + +exports[`adds xl span class 1`] = ` +
    +
    +
    +`; + +exports[`adds xl2 offset classes 1`] = ` +
    +
    +
    +`; + +exports[`adds xl2 row classes 1`] = ` +
    +
    +
    +`; + +exports[`adds xl2 span class 1`] = ` +
    +
    +
    +`; diff --git a/packages/react-core/src/layouts/Level/__tests__/Generated/Level.test.tsx b/packages/react-core/src/layouts/Level/__tests__/Generated/Level.test.tsx index edd807fa897..d19aa703fdd 100644 --- a/packages/react-core/src/layouts/Level/__tests__/Generated/Level.test.tsx +++ b/packages/react-core/src/layouts/Level/__tests__/Generated/Level.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Level } from '../../Level'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Level should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Level/__tests__/Generated/LevelItem.test.tsx b/packages/react-core/src/layouts/Level/__tests__/Generated/LevelItem.test.tsx index 3d480204867..46272a646cb 100644 --- a/packages/react-core/src/layouts/Level/__tests__/Generated/LevelItem.test.tsx +++ b/packages/react-core/src/layouts/Level/__tests__/Generated/LevelItem.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { LevelItem } from '../../LevelItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('LevelItem should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Level/__tests__/Generated/__snapshots__/Level.test.tsx.snap b/packages/react-core/src/layouts/Level/__tests__/Generated/__snapshots__/Level.test.tsx.snap index a10c0226298..5845dcde0f6 100644 --- a/packages/react-core/src/layouts/Level/__tests__/Generated/__snapshots__/Level.test.tsx.snap +++ b/packages/react-core/src/layouts/Level/__tests__/Generated/__snapshots__/Level.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Level should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Level/__tests__/Generated/__snapshots__/LevelItem.test.tsx.snap b/packages/react-core/src/layouts/Level/__tests__/Generated/__snapshots__/LevelItem.test.tsx.snap index 95f25169bf2..4a5c8ded95c 100644 --- a/packages/react-core/src/layouts/Level/__tests__/Generated/__snapshots__/LevelItem.test.tsx.snap +++ b/packages/react-core/src/layouts/Level/__tests__/Generated/__snapshots__/LevelItem.test.tsx.snap @@ -2,6 +2,8 @@ exports[`LevelItem should match snapshot (auto-generated) 1`] = `
    - ReactNode +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Level/__tests__/Level.test.tsx b/packages/react-core/src/layouts/Level/__tests__/Level.test.tsx index 97c19d3747f..e0415e75088 100644 --- a/packages/react-core/src/layouts/Level/__tests__/Level.test.tsx +++ b/packages/react-core/src/layouts/Level/__tests__/Level.test.tsx @@ -1,14 +1,14 @@ import * as React from 'react'; import { Level } from '../Level'; import { LevelItem } from '../LevelItem'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; test('Gutter', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('item', () => { - const view = shallow(Level Item); - expect(view).toMatchSnapshot(); + const view = render(Level Item); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Level/__tests__/__snapshots__/Level.test.tsx.snap b/packages/react-core/src/layouts/Level/__tests__/__snapshots__/Level.test.tsx.snap index 34a02ef57f7..8bf77b3d87d 100644 --- a/packages/react-core/src/layouts/Level/__tests__/__snapshots__/Level.test.tsx.snap +++ b/packages/react-core/src/layouts/Level/__tests__/__snapshots__/Level.test.tsx.snap @@ -1,13 +1,17 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Gutter 1`] = ` -
    +
    +
    +
    `; exports[`item 1`] = `
    - Level Item +
    + Level Item +
    `; diff --git a/packages/react-core/src/layouts/Split/__tests__/Generated/Split.test.tsx b/packages/react-core/src/layouts/Split/__tests__/Generated/Split.test.tsx index 13f4042573a..056bdeb375d 100644 --- a/packages/react-core/src/layouts/Split/__tests__/Generated/Split.test.tsx +++ b/packages/react-core/src/layouts/Split/__tests__/Generated/Split.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Split } from '../../Split'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Split should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} component={'div'} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} component={'div'} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Split/__tests__/Generated/SplitItem.test.tsx b/packages/react-core/src/layouts/Split/__tests__/Generated/SplitItem.test.tsx index ae5b6b21bb8..fe8920aeb78 100644 --- a/packages/react-core/src/layouts/Split/__tests__/Generated/SplitItem.test.tsx +++ b/packages/react-core/src/layouts/Split/__tests__/Generated/SplitItem.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { SplitItem } from '../../SplitItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('SplitItem should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Split/__tests__/Generated/__snapshots__/Split.test.tsx.snap b/packages/react-core/src/layouts/Split/__tests__/Generated/__snapshots__/Split.test.tsx.snap index 3e8edd0220f..d9e543bda95 100644 --- a/packages/react-core/src/layouts/Split/__tests__/Generated/__snapshots__/Split.test.tsx.snap +++ b/packages/react-core/src/layouts/Split/__tests__/Generated/__snapshots__/Split.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Split should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Split/__tests__/Generated/__snapshots__/SplitItem.test.tsx.snap b/packages/react-core/src/layouts/Split/__tests__/Generated/__snapshots__/SplitItem.test.tsx.snap index 7038df1caa5..309bb7a57ef 100644 --- a/packages/react-core/src/layouts/Split/__tests__/Generated/__snapshots__/SplitItem.test.tsx.snap +++ b/packages/react-core/src/layouts/Split/__tests__/Generated/__snapshots__/SplitItem.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`SplitItem should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Split/__tests__/Split.test.tsx b/packages/react-core/src/layouts/Split/__tests__/Split.test.tsx index cf8e36e241a..00363a8669d 100644 --- a/packages/react-core/src/layouts/Split/__tests__/Split.test.tsx +++ b/packages/react-core/src/layouts/Split/__tests__/Split.test.tsx @@ -1,37 +1,37 @@ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { Split } from '../Split'; import { SplitItem } from '../SplitItem'; test('isFilled', () => { - const view = mount( + const view = render( Main content ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('isFilled defaults to false', () => { - const view = mount( + const view = render( Basic content ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Gutter', () => { - const view = mount( + const view = render( Basic Content ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Wrappable', () => { - const view = mount( + const view = render( Basic Content Basic Content @@ -49,5 +49,5 @@ test('Wrappable', () => { Basic Content ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Split/__tests__/__snapshots__/Split.test.tsx.snap b/packages/react-core/src/layouts/Split/__tests__/__snapshots__/Split.test.tsx.snap index ad0f30625c1..20a68c590a8 100644 --- a/packages/react-core/src/layouts/Split/__tests__/__snapshots__/Split.test.tsx.snap +++ b/packages/react-core/src/layouts/Split/__tests__/__snapshots__/Split.test.tsx.snap @@ -1,162 +1,122 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Gutter 1`] = ` - +
    - -
    - Basic Content -
    -     +
    + Basic Content +
    - +
    `; exports[`Wrappable 1`] = ` - +
    - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     - -
    - Basic Content -
    -     +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    +
    + Basic Content +
    - +
    `; exports[`isFilled 1`] = ` - +
    - -
    - Main content -
    -     +
    + Main content +
    - +
    `; exports[`isFilled defaults to false 1`] = ` - +
    - -
    - Basic content -
    -     +
    + Basic content +
    - +
    `; diff --git a/packages/react-core/src/layouts/Stack/__tests__/Generated/Stack.test.tsx b/packages/react-core/src/layouts/Stack/__tests__/Generated/Stack.test.tsx index bb215c83c74..8f19a13b6de 100644 --- a/packages/react-core/src/layouts/Stack/__tests__/Generated/Stack.test.tsx +++ b/packages/react-core/src/layouts/Stack/__tests__/Generated/Stack.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { Stack } from '../../Stack'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('Stack should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} component={'div'} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} component={'div'} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Stack/__tests__/Generated/StackItem.test.tsx b/packages/react-core/src/layouts/Stack/__tests__/Generated/StackItem.test.tsx index 9ea4ff429df..b26b6d245ec 100644 --- a/packages/react-core/src/layouts/Stack/__tests__/Generated/StackItem.test.tsx +++ b/packages/react-core/src/layouts/Stack/__tests__/Generated/StackItem.test.tsx @@ -2,12 +2,12 @@ * This test was generated */ import * as React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { StackItem } from '../../StackItem'; // any missing imports can usually be resolved by adding them here import {} from '../..'; it('StackItem should match snapshot (auto-generated)', () => { - const view = shallow(ReactNode} className={"''"} />); - expect(view).toMatchSnapshot(); + const view = render(ReactNode} className={"''"} />); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Stack/__tests__/Generated/__snapshots__/Stack.test.tsx.snap b/packages/react-core/src/layouts/Stack/__tests__/Generated/__snapshots__/Stack.test.tsx.snap index c23584822e3..dcfd56b09bc 100644 --- a/packages/react-core/src/layouts/Stack/__tests__/Generated/__snapshots__/Stack.test.tsx.snap +++ b/packages/react-core/src/layouts/Stack/__tests__/Generated/__snapshots__/Stack.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Stack should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Stack/__tests__/Generated/__snapshots__/StackItem.test.tsx.snap b/packages/react-core/src/layouts/Stack/__tests__/Generated/__snapshots__/StackItem.test.tsx.snap index a2150c2a6fc..473bcaa79c4 100644 --- a/packages/react-core/src/layouts/Stack/__tests__/Generated/__snapshots__/StackItem.test.tsx.snap +++ b/packages/react-core/src/layouts/Stack/__tests__/Generated/__snapshots__/StackItem.test.tsx.snap @@ -1,9 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`StackItem should match snapshot (auto-generated) 1`] = ` -
    - ReactNode +
    +
    + ReactNode +
    `; diff --git a/packages/react-core/src/layouts/Stack/__tests__/Stack.test.tsx b/packages/react-core/src/layouts/Stack/__tests__/Stack.test.tsx index 1f6a2771829..31a9c3c2be3 100644 --- a/packages/react-core/src/layouts/Stack/__tests__/Stack.test.tsx +++ b/packages/react-core/src/layouts/Stack/__tests__/Stack.test.tsx @@ -1,31 +1,31 @@ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { Stack } from '../Stack'; import { StackItem } from '../StackItem'; test('isMain set to true', () => { - const view = mount( + const view = render( Filled content ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('isMain defaults to false', () => { - const view = mount( + const view = render( Basic content ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('gutter', () => { - const view = mount( + const view = render( Basic content ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-core/src/layouts/Stack/__tests__/__snapshots__/Stack.test.tsx.snap b/packages/react-core/src/layouts/Stack/__tests__/__snapshots__/Stack.test.tsx.snap index 7e470befde3..63f7e0196cc 100644 --- a/packages/react-core/src/layouts/Stack/__tests__/__snapshots__/Stack.test.tsx.snap +++ b/packages/react-core/src/layouts/Stack/__tests__/__snapshots__/Stack.test.tsx.snap @@ -1,53 +1,43 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`gutter 1`] = ` - +
    - -
    - Basic content -
    -     +
    + Basic content +
    - +
    `; exports[`isMain defaults to false 1`] = ` - +
    - -
    - Basic content -
    -     +
    + Basic content +
    - +
    `; exports[`isMain set to true 1`] = ` - +
    - -
    - Filled content -
    -     + Filled content +
    -     +
    `; diff --git a/packages/react-icons/src/__snapshots__/createIcon.test.js.snap b/packages/react-icons/src/__snapshots__/createIcon.test.tsx.snap similarity index 100% rename from packages/react-icons/src/__snapshots__/createIcon.test.js.snap rename to packages/react-icons/src/__snapshots__/createIcon.test.tsx.snap diff --git a/packages/react-icons/src/createIcon.test.js b/packages/react-icons/src/createIcon.test.tsx similarity index 100% rename from packages/react-icons/src/createIcon.test.js rename to packages/react-icons/src/createIcon.test.tsx diff --git a/packages/react-inline-edit-extension/src/components/CancelButton/CancelButton.test.js b/packages/react-inline-edit-extension/src/components/CancelButton/CancelButton.test.js index 93336044229..0ab7bc8e4cb 100644 --- a/packages/react-inline-edit-extension/src/components/CancelButton/CancelButton.test.js +++ b/packages/react-inline-edit-extension/src/components/CancelButton/CancelButton.test.js @@ -1,9 +1,9 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { CancelButton } from './index'; test('it renders properly', () => { - const component = shallow(); + const component = render(); - expect(component).toMatchSnapshot(); + expect(component.container).toMatchSnapshot(); }); diff --git a/packages/react-inline-edit-extension/src/components/CancelButton/__snapshots__/CancelButton.test.js.snap b/packages/react-inline-edit-extension/src/components/CancelButton/__snapshots__/CancelButton.test.js.snap index ba2c363eb9e..052df5a188c 100644 --- a/packages/react-inline-edit-extension/src/components/CancelButton/__snapshots__/CancelButton.test.js.snap +++ b/packages/react-inline-edit-extension/src/components/CancelButton/__snapshots__/CancelButton.test.js.snap @@ -1,13 +1,28 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`it renders properly 1`] = ` - +
    + +
    `; diff --git a/packages/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.test.js b/packages/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.test.js index 2cd4b86d46e..411dcc31a64 100644 --- a/packages/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.test.js +++ b/packages/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.test.js @@ -1,9 +1,9 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { ConfirmButton } from './index'; test('it renders properly', () => { - const component = shallow(); + const component = render(); - expect(component).toMatchSnapshot(); + expect(component.container).toMatchSnapshot(); }); diff --git a/packages/react-inline-edit-extension/src/components/ConfirmButton/__snapshots__/ConfirmButton.test.js.snap b/packages/react-inline-edit-extension/src/components/ConfirmButton/__snapshots__/ConfirmButton.test.js.snap index c9b2014b893..14dd558a053 100644 --- a/packages/react-inline-edit-extension/src/components/ConfirmButton/__snapshots__/ConfirmButton.test.js.snap +++ b/packages/react-inline-edit-extension/src/components/ConfirmButton/__snapshots__/ConfirmButton.test.js.snap @@ -1,13 +1,28 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`it renders properly 1`] = ` - +
    + +
    `; diff --git a/packages/react-inline-edit-extension/src/components/ConfirmButtons/ConfirmButtons.test.js b/packages/react-inline-edit-extension/src/components/ConfirmButtons/ConfirmButtons.test.js index f21d887efb7..606bb05ff34 100644 --- a/packages/react-inline-edit-extension/src/components/ConfirmButtons/ConfirmButtons.test.js +++ b/packages/react-inline-edit-extension/src/components/ConfirmButtons/ConfirmButtons.test.js @@ -1,5 +1,5 @@ import React from 'react'; -import { mount } from 'enzyme/build'; +import { render } from '@testing-library/react'; import { ConfirmButtons } from './ConfirmButtons'; @@ -30,7 +30,7 @@ const getConfirmButtons = () => ( describe('ConfirmButtons', () => { test('renders correctly', () => { - const view = mount(getConfirmButtons()); - expect(view).toMatchSnapshot(); + const view = render(getConfirmButtons()); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-inline-edit-extension/src/components/ConfirmButtons/__snapshots__/ConfirmButtons.test.js.snap b/packages/react-inline-edit-extension/src/components/ConfirmButtons/__snapshots__/ConfirmButtons.test.js.snap index 808bb7e16ac..d80cc4db2eb 100644 --- a/packages/react-inline-edit-extension/src/components/ConfirmButtons/__snapshots__/ConfirmButtons.test.js.snap +++ b/packages/react-inline-edit-extension/src/components/ConfirmButtons/__snapshots__/ConfirmButtons.test.js.snap @@ -1,154 +1,57 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ConfirmButtons renders correctly 1`] = ` - +
    - - - - - - + + + - - - + + +
    - +
    `; diff --git a/packages/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/editableRowWrapper.test.tsx.snap b/packages/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/editableRowWrapper.test.tsx.snap index e8036c7245e..a83854f6842 100644 --- a/packages/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/editableRowWrapper.test.tsx.snap +++ b/packages/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/editableRowWrapper.test.tsx.snap @@ -1,50 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`editableRowWrapper renders correctly 1`] = ` -, - ], - ], - "results": Array [ - Object { - "type": "return", - "value": undefined, - }, - ], - } - } -> - , - } - } - > - - - +
    + +
    `; diff --git a/packages/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.test.tsx b/packages/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.test.tsx index b546b7cd83a..393d1912362 100644 --- a/packages/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.test.tsx +++ b/packages/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.test.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import { editableRowWrapper } from './editableRowWrapper'; @@ -12,7 +13,7 @@ TestRow.defaultProps = { }; const getRowWrapper = (row, props) => { - const RowWrapper = editableRowWrapper(TestRow); + const RowWrapper = editableRowWrapper(TestRow as any); return ; }; @@ -44,7 +45,7 @@ describe('editableRowWrapper', () => { test('renders correctly', () => { const trRef = jest.fn(); - const view = mount( + const view = render( getRowWrapper(buildRow({}, null), { onResize: jest.fn(), onScroll: jest.fn(), @@ -52,13 +53,13 @@ describe('editableRowWrapper', () => { }), mountOptions ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); expect(trRef).toHaveBeenCalled(); }); test('sets editable row classname', () => { [...Object.keys(TableEditConfirmation), null].forEach(confirmationType => { - const view = mount(getRowWrapper(buildRow({}, confirmationType)), mountOptions); + const view = mount(getRowWrapper(buildRow({}, confirmationType), null), mountOptions); expect(view.find('.pf-c-table__editable-row')).toHaveLength(1); view.detach(); }); @@ -72,7 +73,7 @@ describe('editableRowWrapper', () => { buildRow({ isTableEditing: true, isFirstVisible: true }, TableEditConfirmation.TABLE_TOP), buildRow({ isTableEditing: true, isLastVisible: true }, TableEditConfirmation.TABLE_BOTTOM) ].forEach(row => { - const view = mount(getRowWrapper(row), mountOptions); + const view = mount(getRowWrapper(row, null), mountOptions); expect(view.find('.pf-c-table__inline-edit-buttons')).toHaveLength(1); view.detach(); }); @@ -92,7 +93,7 @@ describe('editableRowWrapper', () => { buildRow({ isTableEditing: true, isLastVisible: true }, TableEditConfirmation.TABLE_TOP), buildRow({ isTableEditing: true, isFirstVisible: true }, TableEditConfirmation.TABLE_BOTTOM) ].forEach(row => { - const view = mount(getRowWrapper(row), mountOptions); + const view = mount(getRowWrapper(row, null), mountOptions); expect(view.find('.pf-c-table__inline-edit-buttons')).toHaveLength(0); view.detach(); }); @@ -110,7 +111,7 @@ describe('editableRowWrapper', () => { } }; - const view = mount(getRowWrapper(row), mountOptions); + const view = mount(getRowWrapper(row, null), mountOptions); view.find('.pf-c-table__inline-edit-buttons button.pf-c-button.pf-m-primary').simulate('mouseup'); expect(onEditConfirmed).toHaveBeenCalled(); diff --git a/packages/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.test.js b/packages/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.test.js index 68ecf599d69..4c3b89874f9 100644 --- a/packages/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.test.js +++ b/packages/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.test.js @@ -1,5 +1,5 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import { TableTextInput } from './TableTextInput'; const props = { @@ -9,11 +9,11 @@ const props = { }; test('simple table text input', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('focused table text input', () => { - const view = shallow(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-inline-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap b/packages/react-inline-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap index 25074245f67..a6502987e33 100644 --- a/packages/react-inline-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap +++ b/packages/react-inline-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap @@ -1,18 +1,31 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`focused table text input 1`] = ` - +
    + +
    `; exports[`simple table text input 1`] = ` - +
    + +
    `; diff --git a/packages/react-table/src/components/Table/RowWrapper.test.tsx b/packages/react-table/src/components/Table/RowWrapper.test.tsx index c78ffa90788..9f9795cce01 100644 --- a/packages/react-table/src/components/Table/RowWrapper.test.tsx +++ b/packages/react-table/src/components/Table/RowWrapper.test.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { RowWrapper, RowWrapperProps } from './RowWrapper'; const getRowWrapper = (props: RowWrapperProps) => ( @@ -13,12 +13,12 @@ const getRowWrapper = (props: RowWrapperProps) => ( describe('RowWrapper', () => { test('renders correctly', () => { const trRef = jest.fn(); - const view = mount(getRowWrapper({ onScroll: jest.fn(), onResize: jest.fn(), trRef })); - expect(view).toMatchSnapshot(); + const view = render(getRowWrapper({ onScroll: jest.fn(), onResize: jest.fn(), trRef })); + expect(view.container).toMatchSnapshot(); expect(trRef.mock.calls).toHaveLength(1); }); test('renders expanded correctly', () => { - const view = mount(getRowWrapper({ row: { isExpanded: true } })); - expect(view).toMatchSnapshot(); + const view = render(getRowWrapper({ row: { isExpanded: true } })); + expect(view.container).toMatchSnapshot(); }); }); diff --git a/packages/react-table/src/components/Table/Table.test.tsx b/packages/react-table/src/components/Table/Table.test.tsx index 43dd09ffd6c..a92f805f05f 100644 --- a/packages/react-table/src/components/Table/Table.test.tsx +++ b/packages/react-table/src/components/Table/Table.test.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import { Table, @@ -30,90 +31,90 @@ import { ColumnsType } from './base'; describe('Simple table', () => { test('caption', () => { - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('header', () => { - const view = mount( + const view = render( Header title} cells={columns} rows={rows}>
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('aria-label', () => { - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); test('Editable table', () => { const onRowEdit: OnRowEdit = () => undefined; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Sortable table', () => { const onSortCall: OnSort = () => undefined; columns[0] = { ...(columns[0] as object), transforms: [sortable] }; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Row click table', () => { const rowClickHandler = jest.fn(); - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); describe('Table variants', () => { Object.values(TableGridBreakpoint).forEach(oneBreakpoint => { test(`Breakpoint - ${oneBreakpoint}`, () => { - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); Object.values(TableVariant).forEach(onevariant => { test(`Size - ${onevariant}`, () => { - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); }); @@ -127,17 +128,17 @@ test('Simple Actions table', () => { } ]; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Actions table', () => { - const view = mount( + const view = render( actions} @@ -149,18 +150,18 @@ test('Actions table', () => {
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Cell header table', () => { columns[0] = { ...(columns[0] as object), cellTransforms: [headerCol('test-headercol-')] }; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Collapsible table', () => { @@ -170,13 +171,13 @@ test('Collapsible table', () => { rows[4] = { ...rows[4], parent: 3 }; columns[0] = { ...(columns[0] as object), cellFormatters: [expandable] }; const onCollapse: OnCollapse = () => undefined; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Compound Expandable table', () => { @@ -203,13 +204,13 @@ test('Compound Expandable table', () => { { parent: 2, compoundParent: 0, cells: [{ title: 'expanded', props: { colSpan: 2 } }] } ]; const onExpand: OnExpand = () => undefined; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Collapsible nested table', () => { @@ -217,29 +218,29 @@ test('Collapsible nested table', () => { rows[1] = { ...rows[1], parent: 0, isOpen: true }; rows[2] = { ...rows[2], parent: 1 }; const onCollapse: OnCollapse = () => undefined; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Selectable table', () => { const onSelect: OnSelect = () => undefined; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Selectable table with Radio', () => { const onSelect: OnSelect = () => undefined; - const view = mount( + const view = render( {
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Control text table', () => { @@ -263,26 +264,26 @@ test('Control text table', () => { { ...(columns[4] as object), transforms: [fitContent] } ]; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Header width table', () => { columns[0] = { ...(columns[0] as object), transforms: [cellWidth(10)] }; columns[2] = { ...(columns[2] as object), transforms: [cellWidth(30)] }; columns[4] = { ...(columns[4] as object), transforms: [cellWidth(100)] }; - const view = mount( + const view = render(
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Selectable table with selected expandable row', () => { diff --git a/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap index 5949c6955e3..86bf40228e7 100644 --- a/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap +++ b/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap @@ -1,113 +1,31 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`RowWrapper renders correctly 1`] = ` - - - , - ], - ], - "results": Array [ - Object { - "type": "return", - "value": undefined, - }, - ], - } - } - > - - , - ], - ], - "results": Array [ - Object { - "type": "return", - "value": undefined, - }, - ], - } - } - > - - - - - -
    +
    + + + + +
    +
    `; exports[`RowWrapper renders expanded correctly 1`] = ` - - - - - - - - - - -
    +
    + + + + +
    +
    `; diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap index 34b02a798f1..7d21fc82f67 100644 --- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap +++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap @@ -1,228106 +1,12230 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Actions table 1`] = ` - - +
    - - -
    - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - -`; - -exports[`Cell header table 1`] = ` - - - + + + + + + + + + + + + - -
    + Branches + + Pull requests + + Workspaces + + Last Commit + +
    - - + one + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    + two + + three + + four + + five + +
    +
    + one + + two + + three + + four + + five + +
    +
    - - - - -`; - -exports[`Collapsible nested table 1`] = ` - - - - + + + + + + -
    - - + one + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    + two + + three + + four + + five + +
    +
    + one + + two + + three + + four + + five + +
    +
    - - - - -`; - -exports[`Collapsible table 1`] = ` - - - - + + + + + + -
    - - + one + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    + two + + three + + four + + five + +
    +
    + one + + two + + three + + four + + five + +
    +
    - - - - -`; - -exports[`Compound Expandable table 1`] = ` - - - - + + + + + + -
    - - + one + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    + two + + three + + four + + five + +
    +
    + one + + two + + three + + four + + five + +
    +
    - - - - + + + +
    + + + + + one + + + two + + + three + + + four + + + five + + +
    + +
    + + + + +
    `; -exports[`Control text table 1`] = ` - - +
    - - -
    - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - -`; - -exports[`Editable table 1`] = ` - - - + + + + + + + + + + + + - - -
    + Branches + + Pull requests + + Workspaces + + Last Commit +
    +
    -
    - - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - , - }, - "isEditable": true, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "secretTableRowKeyId": 0, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell1", - "value": "Row 1 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell3", - "value": "Row 1 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell4", - "value": "Row 1 cell 4 content", - }, - "title": , - }, - }, - Object { - "cells": Array [ - Object { - "props": Object { - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": [Function], - }, - ], - "disabled-text-input-col-2": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": , - }, - "isEditable": false, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "secretTableRowKeyId": 1, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": , - }, - }, - ] - } - onRow={[Function]} - rowKey="secretTableRowKeyId" - rows={ - Array [ - Object { - "cells": Array [ - Object { - "props": Object { - "name": "uniqueIdRow1Cell1", - "value": "Row 1 cell 1 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow1Cell2", - "value": "Row 1 cell 2, disabled content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow1Cell3", - "value": "Row 1 cell 3 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow1Cell4", - "value": "Row 1 cell 4 content", - }, - "title": [Function], - }, - ], - "disabled-text-input-col-2": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell2", - "value": "Row 1 cell 2, disabled content", - }, - "title": , - }, - "isEditable": true, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "secretTableRowKeyId": 0, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell1", - "value": "Row 1 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell3", - "value": "Row 1 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell4", - "value": "Row 1 cell 4 content", - }, - "title": , - }, - }, - Object { - "cells": Array [ - Object { - "props": Object { - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": [Function], - }, - ], - "disabled-text-input-col-2": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": , - }, - "isEditable": false, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "secretTableRowKeyId": 1, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": , - }, - }, - ] - } - > - , - }, - "isEditable": true, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "secretTableRowKeyId": 0, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell1", - "value": "Row 1 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell3", - "value": "Row 1 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell4", - "value": "Row 1 cell 4 content", - }, - "title": , - }, - }, - Object { - "cells": Array [ - Object { - "props": Object { - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": [Function], - }, - ], - "disabled-text-input-col-2": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": , - }, - "isEditable": false, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "secretTableRowKeyId": 1, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": , - }, - }, - ] - } - onRow={[Function]} - renderers={ - Object { - "body": Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - }, - "header": Object { - "cell": [Function], - "row": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - "wrapper": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - }, - "table": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - } - } - rowKey="secretTableRowKeyId" - rows={ - Array [ - Object { - "cells": Array [ - Object { - "props": Object { - "name": "uniqueIdRow1Cell1", - "value": "Row 1 cell 1 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow1Cell2", - "value": "Row 1 cell 2, disabled content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow1Cell3", - "value": "Row 1 cell 3 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow1Cell4", - "value": "Row 1 cell 4 content", - }, - "title": [Function], - }, - ], - "disabled-text-input-col-2": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell2", - "value": "Row 1 cell 2, disabled content", - }, - "title": , - }, - "isEditable": true, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "secretTableRowKeyId": 0, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell1", - "value": "Row 1 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell3", - "value": "Row 1 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell4", - "value": "Row 1 cell 4 content", - }, - "title": , - }, - }, - Object { - "cells": Array [ - Object { - "props": Object { - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": [Function], - }, - ], - "disabled-text-input-col-2": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": , - }, - "isEditable": false, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "secretTableRowKeyId": 1, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": , - }, - }, - ] - } - > - , - }, - "isEditable": true, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "secretTableRowKeyId": 0, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell1", - "value": "Row 1 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell3", - "value": "Row 1 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell4", - "value": "Row 1 cell 4 content", - }, - "title": , - }, - }, - Object { - "cells": Array [ - Object { - "props": Object { - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": [Function], - }, - Object { - "props": Object { - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": [Function], - }, - ], - "disabled-text-input-col-2": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell2", - "value": "Row 2 cell 2, disabled content", - }, - "title": , - }, - "isEditable": false, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "secretTableRowKeyId": 1, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": , - }, - }, - ] - } - > - - - - , - }, - "isEditable": true, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "secretTableRowKeyId": 0, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell1", - "value": "Row 1 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell3", - "value": "Row 1 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell4", - "value": "Row 1 cell 4 content", - }, - "title": , - }, - } - } - rowIndex={0} - rowKey="0-row" - > - , - }, - "isEditable": true, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "secretTableRowKeyId": 0, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell1", - "value": "Row 1 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell3", - "value": "Row 1 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow1Cell4", - "value": "Row 1 cell 4 content", - }, - "title": , - }, - } - } - rowProps={ - Object { - "rowIndex": 0, - "rowKey": "0-row", - } - } - > - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - , - }, - "isEditable": false, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "secretTableRowKeyId": 1, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": , - }, - } - } - rowIndex={1} - rowKey="1-row" - > - , - }, - "isEditable": false, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "secretTableRowKeyId": 1, - "text-input-col-1": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell1", - "value": "Row 2 cell 1 content", - }, - "title": , - }, - "text-input-col-3": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell3", - "value": "Row 2 cell 3 content", - }, - "title": , - }, - "text-input-col-4": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - "name": "uniqueIdRow2Cell4", - "value": "Row 2 cell 4 content", - }, - "title": , - }, - } - } - rowProps={ - Object { - "rowIndex": 1, - "rowKey": "1-row", - } - } - > - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Editable Table -
    - - - - - + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    `; -exports[`Header width table 1`] = ` - - +
    - - -
    - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    + - - - two - - - - three - - - - four - - - - five -
    - - - - -`; - -exports[`Row click table 1`] = ` - - - + + + + + + + + + + + + - -
    + Branches + + Pull requests + + Workspaces + + Last Commit +
    - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    +
    + one +
    +     		+ two + + three + + four + + five +
    - - - - -`; - -exports[`Selectable table 1`] = ` - - - + + + + + + + + + + + + + + + + + + + - -
    +
    + one +
    +     		+ two + + three + + four + + five +
    - - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - -`; - -exports[`Selectable table with Radio 1`] = ` - - - + + + + + + + + + + + + + + + + + + + - -
    +
    + one +
    +     		+ two + + three + + four + + five +
    - - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - -`; - -exports[`Simple Actions table 1`] = ` - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ] - } - aria-label="Aria labeled" - borders={true} - canCollapseAll={true} - canSelectAll={true} - canSortFavorites={true} - cells={ - Array [ - Object { - "title": "Header cell", - "transforms": Array [ - [Function], - ], - }, - "Branches", - Object { - "title": "Pull requests", - }, - "Workspaces", - Object { - "title": "Last Commit", - }, - ] - } - className="" - collapseAllAriaLabel="" - contentId="expanded-content" - dropdownDirection="down" - dropdownPosition="right" - expandId="expandable-toggle" - gridBreakPoint="grid-md" - isHeaderSelectDisabled={false} - isNested={false} - isStickyHeader={false} - isTreeTable={false} - ouiaSafe={true} - role="grid" - rowLabeledBy="simple-node" - rows={ - Array [ - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "disableActions": true, - }, - ] - } - selectVariant="checkbox" - variant={null} -> - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - gridBreakPoint="grid-md" - isNested={false} - isStickyHeader={false} - isTreeTable={false} - ouiaSafe={true} - renderers={ - Object { - "body": Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - }, - "header": Object { - "cell": [Function], - }, - } - } - role="grid" - variant={null} - > - +     + + + + + + + - -
    +
    + one +
    +     		+ two + + three + + four + + five +
    - - -
    - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - headerRows={null} - renderers={ - Object { - "body": Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - }, - "header": Object { - "cell": [Function], - "row": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - "wrapper": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - }, - "table": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - } - } - > -
    - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - rowIndex={0} - > -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - headerRows={null} - onRow={[Function]} - onRowClick={[Function]} - rowKey="secretTableRowKeyId" - rows={ - Array [ - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "disableActions": true, - }, - ] - } - > - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - headerRows={null} - mappedRows={ - Array [ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 0, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 1, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 2, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 3, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 4, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 5, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 6, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 7, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 8, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "disableActions": true, - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 9, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - ] - } - onRow={[Function]} - renderers={ - Object { - "body": Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - }, - "header": Object { - "cell": [Function], - "row": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - "wrapper": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - }, - "table": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - } - } - rowKey="secretTableRowKeyId" - rows={ - Array [ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 0, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 1, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 2, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 3, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 4, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 5, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 6, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 7, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 8, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "disableActions": true, - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 9, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - }, - ] - } - > - -     - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="0-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": true, - "isFirstVisible": true, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 0, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={0} - rowKey="0-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="1-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 1, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={1} - rowKey="1-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="2-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 2, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={2} - rowKey="2-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="3-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 3, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={3} - rowKey="3-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="4-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 4, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={4} - rowKey="4-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="5-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 5, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={5} - rowKey="5-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="6-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 6, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={6} - rowKey="6-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="7-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 7, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={7} - rowKey="7-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="8-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": false, - "isLastVisible": false, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 8, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={8} - rowKey="8-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - key="9-row" - onRow={[Function]} - renderers={ - Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - } - } - rowData={ - Object { - "branches": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "two", - }, - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "disableActions": true, - "header-cell": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "one", - }, - "isExpanded": undefined, - "isFirst": false, - "isFirstVisible": false, - "isHeightAuto": false, - "isLast": true, - "isLastVisible": true, - "last-commit": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "five", - }, - "pull-requests": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "three", - }, - "secretTableRowKeyId": 9, - "workspaces": Object { - "formatters": Array [], - "props": Object { - "isVisible": true, - }, - "title": "four", - }, - } - } - rowIndex={9} - rowKey="9-row" - > - -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    `; -exports[`Simple table aria-label 1`] = ` - - +
    - - -
    - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    +
    - - - - -`; - -exports[`Simple table caption 1`] = ` - - - + + + + + + + + + + + + - -
    + Branches + + Pull requests + + Workspaces + + Last Commit +
    - - - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Simple Table -
    - - - - -`; - -exports[`Simple table header 1`] = ` - - Header title - - } - isHeaderSelectDisabled={false} - isNested={false} - isStickyHeader={false} - isTreeTable={false} - ouiaSafe={true} - role="grid" - rowLabeledBy="simple-node" - rows={ - Array [ - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - ] - } - selectVariant="checkbox" - variant={null} -> -

    - Header title -

    - - + + + + + + + + + + + + + + + + + + + - -
    +
    + one +
    +     		+ two + + three + + four + + five +
    + +
    + one +
    +     		+ two + + three + + four + + five +
    - - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    +
    + one +
    +     		+ two + + three + + four + + five +
    +
    - - - - + + +
    + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    `; -exports[`Sortable table 1`] = ` - - +
    - + + + + + + - -
    + col1 + + col2 +
    - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    +
    - - - - -`; - -exports[`Table variants Breakpoint - 1`] = ` - - - + + + + + + + + - -
    + expanded +
    - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    +
    - - - - + 4 + + + + + + + expanded + + + + +
    `; -exports[`Table variants Breakpoint - grid 1`] = ` - - +
    - - -
    - - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - -`; + + Header cell + + + new object column + + + Pull requests + + + new object column + + + Last Commit + + + + + + +
    + one +
    + + + four + + + three + + + four + + + five + + + + +
    + one +
    + + + four + + + three + + + four + + + five + + + + +
    + one +
    + + + four + + + three + + + four + + + five + + + + + + +
    + one +
    + + + four + + + three + + + four + + + five + + + + +
    + one +
    + + + four + + + three + + + four + + + five + + + + + + +
    + one +
    + + + four + + + three + + + four + + + five + + + + + + +
    + one +
    + + + four + + + three + + + four + + + five + + + + + + +
    + one +
    + + + four + + + three + + + four + + + five + + + + + + +
    + one +
    + + + four + + + three + + + four + + + five + + + + +
    +`; -exports[`Table variants Breakpoint - grid-2xl 1`] = ` - - +
    - - + Editable Table + +     -
    - - + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + +
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    + Text input col 1 + + Disabled text input col 2 + + Text input col 3 + + Text input col 4 + +
    +
    + Row 1 cell 1 content +
    +
    + +
    +
    +
    		+
    + Row 1 cell 2, disabled content +
    +
    + +
    +
    +
    		+
    + Row 1 cell 3 content +
    +
    + +
    +
    +
    		+
    + Row 1 cell 4 content +
    +
    + +
    +
    +
    		+
    -
    - -
    - - - - -`; - -exports[`Table variants Breakpoint - grid-lg 1`] = ` - - - - -
    - - + + + + +
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    +
    + Row 2 cell 1 content +
    +
    + +
    +
    +
    		+
    + Row 2 cell 2, disabled content +
    +
    + +
    +
    +
    		+
    + Row 2 cell 3 content +
    +
    - +
    +
    +
    		+
    + Row 2 cell 4 content +
    +
    + +
    +
    +
    		+
    +
    - -
    - - - - -`; - -exports[`Table variants Breakpoint - grid-md 1`] = ` - - - - -
    - - -
    + + + +
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + +
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - + + + +
    + + + + + +
    `; -exports[`Table variants Breakpoint - grid-xl 1`] = ` - - +
    - - -
    - - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - + + Header cell + + + Branches + + + Pull requests + + + Workspaces + + + Last Commit + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + + + +
    + one +
    + + + two + + + three + + + four + + + five + + + + +
    `; -exports[`Table variants Size - compact 1`] = ` - - +
    - - -
    - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - + + + +
    + + + + Branches + + + Pull requests + + + Workspaces + + + Last Commit + + + + + + + one + + + two + + + three + + + four + + + five + + + + + one + + + two + + + three + + + four + + + five + + + + + one + + + two + + + three + + + four + + + five + + + + + one + + + two + + + three + + + four + + + five + + + + + one + + + two + + + three + + + four + + + five + + + + + one + + + two + + + three + + + four + + + five + + + + + one + + + two + + + three + + + four + + + five + + + + + one + + + two + + + three + + + four + + + five + + + + + one + + + two + + + three + + + four + + + five + + + + +
    +`; + +exports[`Selectable table 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    +
    +`; + +exports[`Selectable table with Radio 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    + + +
    + one +
    +     		+ two + + three + + four + + five +
    +
    +`; + +exports[`Simple Actions table 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Branches + + Pull requests + + Workspaces + + Last Commit + +
    + one + + two + + three + + four + + five + +
    + +
    +
    + one + + two + + three + + four + + five + +
    + +
    +
    + one + + two + + three + + four + + five + +
    + +
    +
    + one + + two + + three + + four + + five + +
    + +
    +
    + one + + two + + three + + four + + five + +
    + +
    +
    + one + + two + + three + + four + + five + +
    + +
    +
    + one + + two + + three + + four + + five + +
    + +
    +
    + one + + two + + three + + four + + five + +
    + +
    +
    + one + + two + + three + + four + + five + +
    + +
    +
    + one + + two + + three + + four + + five + +
    + +
    +
    +
    +`; + +exports[`Simple table aria-label 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Header cell + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Simple table caption 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Simple Table +
    + Header cell + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Simple table header 1`] = ` +
    +

    + Header title +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Header cell + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Sortable table 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Table variants Breakpoint - 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Table variants Breakpoint - grid 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Table variants Breakpoint - grid-2xl 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Table variants Breakpoint - grid-lg 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Table variants Breakpoint - grid-md 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Table variants Breakpoint - grid-xl 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    +`; + +exports[`Table variants Size - compact 1`] = ` +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Branches + + Pull requests + + Workspaces + + Last Commit +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    + one + + two + + three + + four + + five +
    +
    `; diff --git a/packages/react-table/src/components/Table/utils/headerUtils.test.tsx b/packages/react-table/src/components/Table/utils/headerUtils.test.tsx index b1f5cdf66bc..8f652c8dadd 100644 --- a/packages/react-table/src/components/Table/utils/headerUtils.test.tsx +++ b/packages/react-table/src/components/Table/utils/headerUtils.test.tsx @@ -1,5 +1,6 @@ import { calculateColumns, mapOpenedRows } from './headerUtils'; import { ICell, IRow } from '../TableTypes'; +import { HeaderType } from '../base/types'; describe('headerUtils', () => { describe('calculateColumns', () => { @@ -80,7 +81,7 @@ describe('headerUtils', () => { { header: { someData: 'test' - } + } as HeaderType } ] as ICell[], {} diff --git a/packages/react-topology/src/components/TopologyView/TopologyView.test.tsx b/packages/react-topology/src/components/TopologyView/TopologyView.test.tsx index b0c2e3f5b0c..142e0b99e5e 100644 --- a/packages/react-topology/src/components/TopologyView/TopologyView.test.tsx +++ b/packages/react-topology/src/components/TopologyView/TopologyView.test.tsx @@ -1,15 +1,16 @@ import * as React from 'react'; +import { render } from '@testing-library/react'; import { mount } from 'enzyme'; import { TopologyView } from './index'; describe('TopologyView', () => { test('should display an empty topology correctly', () => { - const view = mount(); - expect(view).toMatchSnapshot(); + const view = render(); + expect(view.container).toMatchSnapshot(); }); test('should display topology correctly', () => { - const view = mount( + const view = render( {
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('should display topology sidebar correctly', () => { diff --git a/packages/react-topology/src/components/TopologyView/__snapshots__/TopologyView.test.tsx.snap b/packages/react-topology/src/components/TopologyView/__snapshots__/TopologyView.test.tsx.snap index 1f99191cd7b..629bf601e46 100644 --- a/packages/react-topology/src/components/TopologyView/__snapshots__/TopologyView.test.tsx.snap +++ b/packages/react-topology/src/components/TopologyView/__snapshots__/TopologyView.test.tsx.snap @@ -1,33 +1,20 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`TopologyView should display an empty topology correctly 1`] = ` - - +
    - -
    -
    -
    - +
    - - +
    +
    `; exports[`TopologyView should display resizable topology sidebar correctly 1`] = ` @@ -357,260 +344,100 @@ exports[`TopologyView should display resizable topology sidebar correctly 1`] = `; exports[`TopologyView should display topology correctly 1`] = ` - - } - controlBar={ -
    - } - id="simple-test-id" - viewToolbar={ -
    - } -> - +
    -
    - -
    - -
    -
    - - -
    -
    -
    - - -
    - -
    -
    , - } - } - id="pf-topology-view-0-expandable-content-0" - isExpanded={false} - showClearFiltersButton={false} - > -
    - - -
    - - -
    - -
    - - -
    -
    - - -
    -
    -
    - - -
    - -
    -
    , - } - } - id="pf-topology-view-0-expandable-content-1" - isExpanded={false} - showClearFiltersButton={false} - > -
    - - -
    - - -
    - -
    - - -
    -     -
    +
    +
    +
    +
    - -
    -
    - +
    +
    +
    +
    - +
    +
    - - +
    +
    +
    + +
    + +
    +
    +
    +
    `; exports[`TopologyView should display topology sidebar correctly 1`] = ` diff --git a/packages/react-topology/src/components/defs/__tests__/SVGDefs.spec.tsx b/packages/react-topology/src/components/defs/__tests__/SVGDefs.spec.tsx index 492163144c8..e5a5ea7c6b8 100644 --- a/packages/react-topology/src/components/defs/__tests__/SVGDefs.spec.tsx +++ b/packages/react-topology/src/components/defs/__tests__/SVGDefs.spec.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { mount } from 'enzyme'; import SVGDefs from '../SVGDefs'; -import { SVGDefsSetter } from "../SVGDefsSetter"; +import { SVGDefsSetter } from '../SVGDefsSetter'; import SVGDefsContext, { SVGDefsContextProps } from '../SVGDefsContext'; type SVGDefsSetterProps = React.ComponentProps; @@ -10,21 +10,21 @@ describe('SVGDefs', () => { it('should get #addDef and #removeDef from context', () => { const contextProps: SVGDefsContextProps = { addDef: jest.fn(), - removeDef: jest.fn(), + removeDef: jest.fn() }; const props: React.ComponentProps = { id: 'foo', - children: , + children: }; const wrapper = mount( - , + ); const innerWrapper = wrapper.find(SVGDefsSetter).first(); expect(innerWrapper.props()).toEqual({ ...contextProps, - ...props, + ...props }); }); }); @@ -35,10 +35,10 @@ describe('SVGDefsSetter', () => { id: 'foo', addDef: jest.fn(), removeDef: jest.fn(), - children: , + children: }; - const wrapper = mount(); + const wrapper = mount(); expect(props.addDef).toHaveBeenCalledWith(props.id, props.children); // test update diff --git a/packages/react-topology/src/components/defs/__tests__/SVGDefsProvider.spec.tsx b/packages/react-topology/src/components/defs/__tests__/SVGDefsProvider.spec.tsx index 9508e49bbda..090a04f0eca 100644 --- a/packages/react-topology/src/components/defs/__tests__/SVGDefsProvider.spec.tsx +++ b/packages/react-topology/src/components/defs/__tests__/SVGDefsProvider.spec.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { shallow } from 'enzyme'; import { DefsState } from '../SVGDefsProvider'; -import { Defs } from "../Defs"; +import { Defs } from '../Defs'; describe('Defs', () => { it('should render initially empty', () => { @@ -14,8 +14,8 @@ describe('Defs', () => { const state: DefsState = { defs: { first: { count: 0, node: }, - second: { count: 0, node: }, - }, + second: { count: 0, node: } + } }; wrapper.setState(state); const defsWrapper = wrapper.find('defs'); diff --git a/packages/react-virtualized-extension/src/components/Virtualized/VirtualizedTable.test.tsx b/packages/react-virtualized-extension/src/components/Virtualized/VirtualizedTable.test.tsx index 3f696620b20..07c0131b761 100644 --- a/packages/react-virtualized-extension/src/components/Virtualized/VirtualizedTable.test.tsx +++ b/packages/react-virtualized-extension/src/components/Virtualized/VirtualizedTable.test.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { mount } from 'enzyme'; +import { render } from '@testing-library/react'; import { Table, TableHeader, sortable } from '@patternfly/react-table'; import { VirtualTableBody } from './index'; import { rows, columns, actions } from '@patternfly/react-table/src/test-helpers/data-sets'; @@ -15,7 +15,7 @@ describe('Simple virtualized table', () => { const rowRenderer = () => {}; test('className', () => { - const view = mount( + const view = render( {({ width }: { width: number }) => ( @@ -32,11 +32,11 @@ describe('Simple virtualized table', () => { )}
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('aria-label', () => { - const view = mount( + const view = render( {({ width }: { width: number }) => ( @@ -52,7 +52,7 @@ describe('Simple virtualized table', () => { )}
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); }); @@ -61,7 +61,7 @@ test('Sortable Virtualized Table', () => { const onSortCall = () => undefined as any; columns[0] = { ...(columns[0] as any), transforms: [sortable] }; - const view = mount( + const view = render( {({ width }: { width: number }) => ( @@ -76,7 +76,7 @@ test('Sortable Virtualized Table', () => { )}
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Simple Actions table', () => { @@ -90,7 +90,7 @@ test('Simple Actions table', () => { } ]; - const view = mount( + const view = render( {({ width }: { width: number }) => ( @@ -107,13 +107,13 @@ test('Simple Actions table', () => { )}
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Actions virtualized table', () => { const rowRenderer = () => {}; - const view = mount( + const view = render( actions} @@ -136,14 +136,14 @@ test('Actions virtualized table', () => { )}
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); test('Selectable virtualized table', () => { const rowRenderer = () => {}; const onSelect = () => undefined as any; - const view = mount( + const view = render( {(width: number) => ( @@ -158,5 +158,5 @@ test('Selectable virtualized table', () => { )}
    ); - expect(view).toMatchSnapshot(); + expect(view.container).toMatchSnapshot(); }); diff --git a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap index 03035c92773..4b77250e998 100644 --- a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap +++ b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap @@ -1,8706 +1,539 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Actions virtualized table 1`] = ` - - +
    - - -
    - - +
    -
    - + +
    - - - Header cell - - - - - - - - - -
    - - - - - - - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - Branches - - - - Pull requests - - - - Workspaces - - - - Last Commit - - - - - - -
    - - - - + + +     +
    + + + + Branches + + + Pull requests + + + Workspaces + + + Last Commit + + + + + +
    `; exports[`Selectable virtualized table 1`] = ` - - +
    - - -
    - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    +
    - - - - + + + +
    + + + + Branches + + + Pull requests + + + Workspaces + + + Last Commit + + + + +
    `; exports[`Simple Actions table 1`] = ` - - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ] - } - aria-label="Aria labeled" - borders={true} - canCollapseAll={true} - canSelectAll={true} - canSortFavorites={true} - cells={ - Array [ - Object { - "title": "Header cell", - "transforms": Array [ - [Function], - ], - }, - "Branches", - Object { - "title": "Pull requests", - }, - "Workspaces", - Object { - "title": "Last Commit", - }, - ] - } - className="" - collapseAllAriaLabel="" - contentId="expanded-content" - dropdownDirection="down" - dropdownPosition="right" - expandId="expandable-toggle" - gridBreakPoint="grid-md" - isHeaderSelectDisabled={false} - isNested={false} - isStickyHeader={false} - isTreeTable={false} - ouiaSafe={true} - role="grid" - rowLabeledBy="simple-node" - rows={ - Array [ - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - }, - Object { - "cells": Array [ - "one", - "two", - "three", - "four", - "five", - ], - "disableActions": true, - }, - ] - } - selectVariant="checkbox" - variant={null} -> - +
    - Another action - , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - gridBreakPoint="grid-md" - isNested={false} - isStickyHeader={false} - isTreeTable={false} - ouiaSafe={true} - renderers={ - Object { - "body": Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - }, - "header": Object { - "cell": [Function], - }, - } - } + class="pf-c-table pf-m-grid-md" + data-ouia-component-id="OUIA-Generated-Table-8" + data-ouia-component-type="PF4/Table" + data-ouia-safe="true" role="grid" - variant={null} > - - -
    - - +
    -
    + Header cell + + - - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Header cell", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "header-cell", - "props": Object { - "data-key": 0, - "data-label": "Header cell", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - headerRows={null} - renderers={ - Object { - "body": Object { - "cell": [Function], - "row": [Function], - "wrapper": [Function], - }, - "header": Object { - "cell": [Function], - "row": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - "wrapper": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - }, - "table": Object { - "$$typeof": Symbol(react.forward_ref), - "render": [Function], - }, - } - } +
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Branches", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "branches", - "props": Object { - "data-key": 1, - "data-label": "Branches", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Pull requests", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "pull-requests", - "props": Object { - "data-key": 2, - "data-label": "Pull requests", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Workspaces", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "workspaces", - "props": Object { - "data-key": 3, - "data-label": "Workspaces", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "Last Commit", - "transforms": Array [ - [Function], - [Function], - ], - }, - "property": "last-commit", - "props": Object { - "data-key": 4, - "data-label": "Last Commit", - }, - }, - Object { - "cell": Object { - "formatters": Array [ - [Function], - ], - "transforms": Array [ - [Function], - [Function], - ], - }, - "data": undefined, - "extraParams": Object { - "actionResolver": undefined, - "actions": Array [ - Object { - "onClick": [Function], - "title": "Some action", - }, - Object { - "onClick": [Function], - "title":
    - Another action -
    , - }, - Object { - "isSeparator": true, - "onClick": null, - }, - Object { - "onClick": [Function], - "title": "Third action", - }, - ], - "actionsToggle": undefined, - "allRowsExpanded": false, - "allRowsSelected": false, - "areActionsDisabled": undefined, - "canCollapseAll": true, - "canSelectAll": true, - "canSortFavorites": true, - "collapseAllAriaLabel": "", - "contentId": "expanded-content", - "dropdownDirection": "down", - "dropdownPosition": "right", - "expandId": "expandable-toggle", - "firstUserColumnIndex": 0, - "isHeaderSelectDisabled": false, - "onCollapse": undefined, - "onExpand": undefined, - "onFavorite": undefined, - "onRowEdit": undefined, - "onSelect": undefined, - "onSort": undefined, - "rowLabeledBy": "simple-node", - "selectVariant": "checkbox", - "sortBy": undefined, - }, - "header": Object { - "formatters": Array [], - "label": "", - "transforms": Array [ - [Function], - [Function], - [Function], - ], - }, - "property": "column-5", - "props": Object { - "data-key": 5, - "data-label": "", - }, - }, - ] - } - rowIndex={0} - > -     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - + + + +
    + + + + Branches + + + Pull requests + + + Workspaces + + + Last Commit + + + + + +
    `; exports[`Simple virtualized table aria-label 1`] = ` - - +
    - - -
    - - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - + Header cell + + + Branches + + + Pull requests + + + Workspaces + + + Last Commit + + + + +
    `; exports[`Simple virtualized table className 1`] = ` - - +
    - - -
    - - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - + Header cell + + + Branches + + + Pull requests + + + Workspaces + + + Last Commit + + + + +
    `; exports[`Sortable Virtualized Table 1`] = ` - - +
    - - -
    - - +
    -
    + Header cell + + -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - + + + +
    + + + + Branches + + + Pull requests + + + Workspaces + + + Last Commit + + + + +
    `; diff --git a/scripts/generators/patternfly-4-component/templates/component/component.test.tsx.hbs b/scripts/generators/patternfly-4-component/templates/component/component.test.tsx.hbs index 148f6f73bb4..27db2678b3d 100644 --- a/scripts/generators/patternfly-4-component/templates/component/component.test.tsx.hbs +++ b/scripts/generators/patternfly-4-component/templates/component/component.test.tsx.hbs @@ -1,9 +1,9 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { render } from '@testing-library/react'; import {{componentName}} from './{{componentName}}'; test('basic', () => { - const view = shallow(<{{componentName}} />); + const view = render(<{{componentName}} />); // Add a useful assertion here. expect(view).toBe(false); }); diff --git a/yarn.lock b/yarn.lock index f8b70defb69..461f4251a73 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1843,6 +1843,13 @@ dependencies: regenerator-runtime "^0.13.2" +"@babel/runtime@^7.12.5", "@babel/runtime@^7.9.2": + version "7.17.2" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.2.tgz#66f68591605e59da47523c631416b18508779941" + integrity sha512-hzeyJyMA1YGdJTuWU0e/j4wKXrU4OMFvY2MSlaI9B7VQb0r5cxTE3EAIS2Q7Tn2RIcDkRvTA/v2JsAEhxe99uw== + dependencies: + regenerator-runtime "^0.13.4" + "@babel/runtime@^7.2.0": version "7.9.2" resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.9.2.tgz#d90df0583a3a252f09aaa619665367bae518db06" @@ -3273,6 +3280,50 @@ version "1.0.7" resolved "https://registry.yarnpkg.com/@testim/chrome-version/-/chrome-version-1.0.7.tgz#0cd915785ec4190f08a3a6acc9b61fc38fb5f1a9" +"@testing-library/dom@^8.0.0": + version "8.11.3" + resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.11.3.tgz#38fd63cbfe14557021e88982d931e33fb7c1a808" + integrity sha512-9LId28I+lx70wUiZjLvi1DB/WT2zGOxUh46glrSNMaWVx849kKAluezVzZrXJfTKKoQTmEOutLes/bHg4Bj3aA== + dependencies: + "@babel/code-frame" "^7.10.4" + "@babel/runtime" "^7.12.5" + "@types/aria-query" "^4.2.0" + aria-query "^5.0.0" + chalk "^4.1.0" + dom-accessibility-api "^0.5.9" + lz-string "^1.4.4" + pretty-format "^27.0.2" + +"@testing-library/jest-dom@^5.16.2": + version "5.16.2" + resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.16.2.tgz#f329b36b44aa6149cd6ced9adf567f8b6aa1c959" + integrity sha512-6ewxs1MXWwsBFZXIk4nKKskWANelkdUehchEOokHsN8X7c2eKXGw+77aRV63UU8f/DTSVUPLaGxdrj4lN7D/ug== + dependencies: + "@babel/runtime" "^7.9.2" + "@types/testing-library__jest-dom" "^5.9.1" + aria-query "^5.0.0" + chalk "^3.0.0" + css "^3.0.0" + css.escape "^1.5.1" + dom-accessibility-api "^0.5.6" + lodash "^4.17.15" + redent "^3.0.0" + +"@testing-library/react@^12.1.2": + version "12.1.2" + resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-12.1.2.tgz#f1bc9a45943461fa2a598bb4597df1ae044cfc76" + integrity sha512-ihQiEOklNyHIpo2Y8FREkyD1QAea054U0MVbwH1m8N9TxeFz+KoJ9LkqoKqJlzx2JDm56DVwaJ1r36JYxZM05g== + dependencies: + "@babel/runtime" "^7.12.5" + "@testing-library/dom" "^8.0.0" + +"@testing-library/user-event@^13.5.0": + version "13.5.0" + resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-13.5.0.tgz#69d77007f1e124d55314a2b73fd204b333b13295" + integrity sha512-5Kwtbo3Y/NowpkbRuSepbyMFkZmHgD+vPzYB/RJ4oxt5Gj/avFFBYjhw27cqSVPVw/3a67NK1PbiIr9k4Gwmdg== + dependencies: + "@babel/runtime" "^7.12.5" + "@tootallnate/once@1": version "1.1.2" resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82" @@ -3282,6 +3333,11 @@ version "1.3.1" resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a" +"@types/aria-query@^4.2.0": + version "4.2.2" + resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.2.tgz#ed4e0ad92306a704f9fb132a0cfcf77486dbe2bc" + integrity sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig== + "@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14": version "7.1.16" resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.16.tgz#bc12c74b7d65e82d29876b5d0baf5c625ac58702" @@ -3320,8 +3376,9 @@ "@babel/types" "^7.3.0" "@types/cheerio@*": - version "0.22.21" - resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.21.tgz#5e37887de309ba11b2e19a6e14cad7874b31a8a3" + version "0.22.31" + resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.31.tgz#b8538100653d6bb1b08a1e46dec75b4f2a5d5eb6" + integrity sha512-Kt7Cdjjdi2XWSfrZ53v4Of0wG3ZcmaegFXjMmz9tfNrZSkzzo36G0AL1YqSdcIA78Etjt6E609pt5h1xnQkPUw== dependencies: "@types/node" "*" @@ -3528,6 +3585,7 @@ "@types/enzyme@3.9.0": version "3.9.0" resolved "https://registry.yarnpkg.com/@types/enzyme/-/enzyme-3.9.0.tgz#a81c91e2dfd2d70e67f013f2c0e5efed6df05489" + integrity sha512-o0C7ooyBtj9NKyMzn2BWN53W4J21KPhO+/v+qqQX28Pcz0Z1B3DjL9bq2ZR4TN70PVw8O7gkhuFtC7VN3tausg== dependencies: "@types/cheerio" "*" "@types/react" "*" @@ -3608,6 +3666,14 @@ dependencies: "@types/istanbul-lib-report" "*" +"@types/jest@*": + version "27.4.0" + resolved "https://registry.yarnpkg.com/@types/jest/-/jest-27.4.0.tgz#037ab8b872067cae842a320841693080f9cb84ed" + integrity sha512-gHl8XuC1RZ8H2j5sHv/JqsaxXkDDM9iDOgu0Wp8sjs4u/snb2PVehyWXJPr+ORA0RPpgw231mnutWI1+0hgjIQ== + dependencies: + jest-diff "^27.0.0" + pretty-format "^27.0.0" + "@types/jest@27.0.2": version "27.0.2" resolved "https://registry.yarnpkg.com/@types/jest/-/jest-27.0.2.tgz#ac383c4d4aaddd29bbf2b916d8d105c304a5fcd7" @@ -3755,6 +3821,13 @@ version "1.0.6" resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.6.tgz#a9ca4b70a18b270ccb2bc0aaafefd1d486b7ea74" +"@types/testing-library__jest-dom@^5.9.1": + version "5.14.2" + resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.2.tgz#564fb2b2dc827147e937a75b639a05d17ce18b44" + integrity sha512-vehbtyHUShPxIa9SioxDwCvgxukDMH//icJG90sXQBUm5lJOHLT5kNeU9tnivhnA/TkOFMzGIXN2cTc4hY8/kg== + dependencies: + "@types/jest" "*" + "@types/through@*": version "0.0.30" resolved "https://registry.yarnpkg.com/@types/through/-/through-0.0.30.tgz#e0e42ce77e897bd6aead6f6ea62aeb135b8a3895" @@ -4004,8 +4077,9 @@ "@xtuc/long" "4.2.2" "@wojtekmaj/enzyme-adapter-react-17@^0.3.1": - version "0.3.1" - resolved "https://registry.yarnpkg.com/@wojtekmaj/enzyme-adapter-react-17/-/enzyme-adapter-react-17-0.3.1.tgz#b69d2bfe0817e6526a86b1c120daa82d49a7b697" + version "0.3.2" + resolved "https://registry.yarnpkg.com/@wojtekmaj/enzyme-adapter-react-17/-/enzyme-adapter-react-17-0.3.2.tgz#a7d78d9f8765df745e3ddf68d4f5e1d46c91cd4a" + integrity sha512-/zIKdaJ32A2r3roB/plbQD7F5J5cbGXnHFnnAAOW3/DQFLCQU/XpEB1Aasm4StkP0eHs9VhW/tTQiYeglwLi4Q== dependencies: enzyme-adapter-utils "^1.13.1" enzyme-shallow-equal "^1.0.4" @@ -4171,6 +4245,7 @@ aggregate-error@^3.0.0: airbnb-prop-types@^2.16.0: version "2.16.0" resolved "https://registry.yarnpkg.com/airbnb-prop-types/-/airbnb-prop-types-2.16.0.tgz#b96274cefa1abb14f623f804173ee97c13971dc2" + integrity sha512-7WHOFolP/6cS96PhKNrslCLMYAI8yB1Pp6u6XmxozQOiZbsI5ycglZr5cHhBFfuRcQQjzCMith5ZPZdYiJCxUg== dependencies: array.prototype.find "^2.1.1" function.prototype.name "^1.1.2" @@ -4376,6 +4451,11 @@ aria-query@^3.0.0: ast-types-flow "0.0.7" commander "^2.11.0" +aria-query@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.0.0.tgz#210c21aaf469613ee8c9a62c7f86525e058db52c" + integrity sha512-V+SM7AbUwJ+EBnB8+DXs0hPZHO0W6pqBcc0dW90OwtVG02PswOu/teuARoLQjdDOH+t9pJgGnW5/Qmouf3gPJg== + arr-diff@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520" @@ -4466,12 +4546,25 @@ array-unique@^0.3.2: version "0.3.2" resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428" +array.prototype.filter@^1.0.0: + version "1.0.1" + resolved "https://registry.yarnpkg.com/array.prototype.filter/-/array.prototype.filter-1.0.1.tgz#20688792acdb97a09488eaaee9eebbf3966aae21" + integrity sha512-Dk3Ty7N42Odk7PjU/Ci3zT4pLj20YvuVnneG/58ICM6bt4Ij5kZaJTVQ9TSaWaIECX2sFyz4KItkVZqHNnciqw== + dependencies: + call-bind "^1.0.2" + define-properties "^1.1.3" + es-abstract "^1.19.0" + es-array-method-boxes-properly "^1.0.0" + is-string "^1.0.7" + array.prototype.find@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/array.prototype.find/-/array.prototype.find-2.1.1.tgz#3baca26108ca7affb08db06bf0be6cb3115a969c" + version "2.1.2" + resolved "https://registry.yarnpkg.com/array.prototype.find/-/array.prototype.find-2.1.2.tgz#6abbd0c2573925d8094f7d23112306af8c16d534" + integrity sha512-00S1O4ewO95OmmJW7EesWfQlrCrLEL8kZ40w3+GkLX2yTt0m2ggcePPa2uHPJ9KUmJvwRq+lCV9bD8Yim23x/Q== dependencies: + call-bind "^1.0.2" define-properties "^1.1.3" - es-abstract "^1.17.4" + es-abstract "^1.19.0" array.prototype.flat@^1.2.1: version "1.2.3" @@ -4908,9 +5001,10 @@ bonjour@^3.5.0: multicast-dns "^6.0.1" multicast-dns-service-types "^1.1.0" -boolbase@~1.0.0: +boolbase@^1.0.0, boolbase@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" + integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24= boxen@^1.2.1: version "1.3.0" @@ -5262,6 +5356,14 @@ cachedir@^2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/cachedir/-/cachedir-2.3.0.tgz#0c75892a052198f0b21c7c1804d8331edfcae0e8" +call-bind@^1.0.0, call-bind@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c" + integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA== + dependencies: + function-bind "^1.1.1" + get-intrinsic "^1.0.2" + call-me-maybe@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b" @@ -5404,6 +5506,14 @@ chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.0, chalk@^2.3.1, chalk@^2.4 escape-string-regexp "^1.0.5" supports-color "^5.3.0" +chalk@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4" + integrity sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg== + dependencies: + ansi-styles "^4.1.0" + supports-color "^7.1.0" + chalk@^4.0.0, chalk@^4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a" @@ -5467,16 +5577,29 @@ check-types@^8.0.3: version "8.0.3" resolved "https://registry.yarnpkg.com/check-types/-/check-types-8.0.3.tgz#3356cca19c889544f2d7a95ed49ce508a0ecf552" -cheerio@^1.0.0-rc.2: - version "1.0.0-rc.3" - resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.3.tgz#094636d425b2e9c0f4eb91a46c05630c9a1a8bf6" +cheerio-select@^1.5.0: + version "1.5.0" + resolved "https://registry.yarnpkg.com/cheerio-select/-/cheerio-select-1.5.0.tgz#faf3daeb31b17c5e1a9dabcee288aaf8aafa5823" + integrity sha512-qocaHPv5ypefh6YNxvnbABM07KMxExbtbfuJoIie3iZXX1ERwYmJcIiRrr9H05ucQP1k28dav8rpdDgjQd8drg== dependencies: - css-select "~1.2.0" - dom-serializer "~0.1.1" - entities "~1.1.1" - htmlparser2 "^3.9.1" - lodash "^4.15.0" - parse5 "^3.0.1" + css-select "^4.1.3" + css-what "^5.0.1" + domelementtype "^2.2.0" + domhandler "^4.2.0" + domutils "^2.7.0" + +cheerio@^1.0.0-rc.2: + version "1.0.0-rc.10" + resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.10.tgz#2ba3dcdfcc26e7956fc1f440e61d51c643379f3e" + integrity sha512-g0J0q/O6mW8z5zxQ3A8E8J1hUgp4SMOvEoW/x84OwyHKe/Zccz83PVT4y5Crcr530FV6NgmKI1qvGTKVl9XXVw== + dependencies: + cheerio-select "^1.5.0" + dom-serializer "^1.3.2" + domhandler "^4.2.0" + htmlparser2 "^6.1.0" + parse5 "^6.0.1" + parse5-htmlparser2-tree-adapter "^6.0.1" + tslib "^2.2.0" "chokidar@>=3.0.0 <4.0.0": version "3.5.2" @@ -6317,7 +6440,7 @@ css-loader@^4.3.0: schema-utils "^2.7.1" semver "^7.3.2" -css-select@^1.1.0, css-select@~1.2.0: +css-select@^1.1.0: version "1.2.0" resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858" dependencies: @@ -6326,11 +6449,27 @@ css-select@^1.1.0, css-select@~1.2.0: domutils "1.5.1" nth-check "~1.0.1" +css-select@^4.1.3: + version "4.2.1" + resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.2.1.tgz#9e665d6ae4c7f9d65dbe69d0316e3221fb274cdd" + integrity sha512-/aUslKhzkTNCQUB2qTX84lVmfia9NyjP3WpDGtj/WxhwBzWBYUV3DgUpurHTme8UTPcPlAD1DJ+b0nN/t50zDQ== + dependencies: + boolbase "^1.0.0" + css-what "^5.1.0" + domhandler "^4.3.0" + domutils "^2.8.0" + nth-check "^2.0.1" + css-what@2.1: version "2.1.3" resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2" -css.escape@^1.5.0: +css-what@^5.0.1, css-what@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/css-what/-/css-what-5.1.0.tgz#3f7b707aadf633baf62c2ceb8579b545bb40f7fe" + integrity sha512-arSMRWIIFY0hV8pIxZMEfmMI47Wj3R/aWpZDDxWYCPEiOMv6tfOrnpDtgxBYPEQD4V0Y/958+1TdC3iWTFcUPw== + +css.escape@^1.5.0, css.escape@^1.5.1: version "1.5.1" resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb" @@ -6343,6 +6482,15 @@ css@^2.2.3: source-map-resolve "^0.5.2" urix "^0.1.0" +css@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/css/-/css-3.0.0.tgz#4447a4d58fdd03367c516ca9f64ae365cee4aa5d" + integrity sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ== + dependencies: + inherits "^2.0.4" + source-map "^0.6.1" + source-map-resolve "^0.6.0" + cssesc@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee" @@ -7028,6 +7176,7 @@ dir-glob@^3.0.1: discontinuous-range@1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a" + integrity sha1-44Mx8IRLukm5qctxx3FYWqsbxlo= dns-equal@^1.0.0: version "1.0.0" @@ -7065,6 +7214,11 @@ doctrine@^3.0.0: dependencies: esutils "^2.0.2" +dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9: + version "0.5.11" + resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.11.tgz#79d5846c4f90eba3e617d9031e921de9324f84ed" + integrity sha512-7X6GvzjYf4yTdRKuCVScV+aA9Fvh5r8WzWrXBH9w82ZWB/eYDMGCnazoC/YAqAzUJWHzLOnZqr46K3iEyUhUvw== + dom-converter@^0.2: version "0.2.0" resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768" @@ -7085,18 +7239,20 @@ dom-serializer@0: domelementtype "^2.0.1" entities "^2.0.0" -dom-serializer@~0.1.1: - version "0.1.1" - resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.1.tgz#1ec4059e284babed36eec2941d4a970a189ce7c0" +dom-serializer@^1.0.1, dom-serializer@^1.3.2: + version "1.3.2" + resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.3.2.tgz#6206437d32ceefaec7161803230c7a20bc1b4d91" + integrity sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig== dependencies: - domelementtype "^1.3.0" - entities "^1.1.1" + domelementtype "^2.0.1" + domhandler "^4.2.0" + entities "^2.0.0" domain-browser@^1.1.1: version "1.2.0" resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda" -domelementtype@1, domelementtype@^1.3.0, domelementtype@^1.3.1: +domelementtype@1, domelementtype@^1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f" @@ -7104,6 +7260,11 @@ domelementtype@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.1.tgz#1f8bdfe91f5a78063274e803b4bdcedf6e94f94d" +domelementtype@^2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.2.0.tgz#9a0b6c2782ed6a1c7323d42267183df9bd8b1d57" + integrity sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A== + domexception@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90" @@ -7123,6 +7284,13 @@ domhandler@^2.3.0: dependencies: domelementtype "1" +domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.0: + version "4.3.0" + resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.0.tgz#16c658c626cf966967e306f966b431f77d4a5626" + integrity sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g== + dependencies: + domelementtype "^2.2.0" + domutils@1.5.1: version "1.5.1" resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf" @@ -7137,6 +7305,15 @@ domutils@^1.5.1: dom-serializer "0" domelementtype "1" +domutils@^2.5.2, domutils@^2.7.0, domutils@^2.8.0: + version "2.8.0" + resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135" + integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A== + dependencies: + dom-serializer "^1.0.1" + domelementtype "^2.2.0" + domhandler "^4.2.0" + dot-case@^2.1.0: version "2.1.1" resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-2.1.1.tgz#34dcf37f50a8e93c2b3bca8bb7fb9155c7da3bee" @@ -7290,7 +7467,7 @@ enquirer@^2.3.5, enquirer@^2.3.6: dependencies: ansi-colors "^4.1.1" -entities@^1.1.1, entities@~1.1.1: +entities@^1.1.1: version "1.1.2" resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56" @@ -7308,19 +7485,22 @@ envinfo@^7.3.1: integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw== enzyme-adapter-utils@^1.13.1: - version "1.13.1" - resolved "https://registry.yarnpkg.com/enzyme-adapter-utils/-/enzyme-adapter-utils-1.13.1.tgz#59c1b734b0927543e3d8dc477299ec957feb312d" + version "1.14.0" + resolved "https://registry.yarnpkg.com/enzyme-adapter-utils/-/enzyme-adapter-utils-1.14.0.tgz#afbb0485e8033aa50c744efb5f5711e64fbf1ad0" + integrity sha512-F/z/7SeLt+reKFcb7597IThpDp0bmzcH1E9Oabqv+o01cID2/YInlqHbFl7HzWBl4h3OdZYedtwNDOmSKkk0bg== dependencies: airbnb-prop-types "^2.16.0" - function.prototype.name "^1.1.2" - object.assign "^4.1.0" - object.fromentries "^2.0.2" + function.prototype.name "^1.1.3" + has "^1.0.3" + object.assign "^4.1.2" + object.fromentries "^2.0.3" prop-types "^15.7.2" semver "^5.7.1" enzyme-shallow-equal@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/enzyme-shallow-equal/-/enzyme-shallow-equal-1.0.4.tgz#b9256cb25a5f430f9bfe073a84808c1d74fced2e" + integrity sha512-MttIwB8kKxypwHvRynuC3ahyNc+cFbR8mjVIltnmzQ0uKGqmsfO4bfBuLxb0beLNPhjblUEYvEbsg+VSygvF1Q== dependencies: has "^1.0.3" object-is "^1.1.2" @@ -7328,12 +7508,14 @@ enzyme-shallow-equal@^1.0.4: enzyme-to-json@3.4.0: version "3.4.0" resolved "https://registry.yarnpkg.com/enzyme-to-json/-/enzyme-to-json-3.4.0.tgz#2b6330a784a57ba68298e3c0d6cef17ee4fedc0e" + integrity sha512-gbu8P8PMAtb+qtKuGVRdZIYxWHC03q1dGS3EKRmUzmTDIracu3o6cQ0d4xI2YWojbelbxjYOsmqM5EgAL0WgIA== dependencies: lodash "^4.17.12" enzyme@3.10.0: version "3.10.0" resolved "https://registry.yarnpkg.com/enzyme/-/enzyme-3.10.0.tgz#7218e347c4a7746e133f8e964aada4a3523452f6" + integrity sha512-p2yy9Y7t/PFbPoTvrWde7JIYB2ZyGC+NgTNbVEGvZ5/EyoYSr9aG/2rSbVvyNvMHEhw9/dmGUJHWtfQIEiX9pg== dependencies: array.prototype.flat "^1.2.1" cheerio "^1.0.0-rc.2" @@ -7377,37 +7559,37 @@ error-ex@^1.2.0, error-ex@^1.3.1: dependencies: is-arrayish "^0.2.1" -es-abstract@^1.13.0, es-abstract@^1.17.5, es-abstract@^1.5.1: - version "1.17.6" - resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.6.tgz#9142071707857b2cacc7b89ecb670316c3e2d52a" +es-abstract@^1.17.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.4: + version "1.17.4" + resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.4.tgz#e3aedf19706b20e7c2594c35fc0d57605a79e184" dependencies: es-to-primitive "^1.2.1" function-bind "^1.1.1" has "^1.0.3" has-symbols "^1.0.1" - is-callable "^1.2.0" - is-regex "^1.1.0" + is-callable "^1.1.5" + is-regex "^1.0.5" object-inspect "^1.7.0" object-keys "^1.1.1" object.assign "^4.1.0" - string.prototype.trimend "^1.0.1" - string.prototype.trimstart "^1.0.1" + string.prototype.trimleft "^2.1.1" + string.prototype.trimright "^2.1.1" -es-abstract@^1.17.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.4: - version "1.17.4" - resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.4.tgz#e3aedf19706b20e7c2594c35fc0d57605a79e184" +es-abstract@^1.17.5, es-abstract@^1.5.1: + version "1.17.6" + resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.6.tgz#9142071707857b2cacc7b89ecb670316c3e2d52a" dependencies: es-to-primitive "^1.2.1" function-bind "^1.1.1" has "^1.0.3" has-symbols "^1.0.1" - is-callable "^1.1.5" - is-regex "^1.0.5" + is-callable "^1.2.0" + is-regex "^1.1.0" object-inspect "^1.7.0" object-keys "^1.1.1" object.assign "^4.1.0" - string.prototype.trimleft "^2.1.1" - string.prototype.trimright "^2.1.1" + string.prototype.trimend "^1.0.1" + string.prototype.trimstart "^1.0.1" es-abstract@^1.18.0-next.0: version "1.18.0-next.0" @@ -7426,6 +7608,37 @@ es-abstract@^1.18.0-next.0: string.prototype.trimend "^1.0.1" string.prototype.trimstart "^1.0.1" +es-abstract@^1.19.0, es-abstract@^1.19.1: + version "1.19.1" + resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.19.1.tgz#d4885796876916959de78edaa0df456627115ec3" + integrity sha512-2vJ6tjA/UfqLm2MPs7jxVybLoB8i1t1Jd9R3kISld20sIxPcTbLuggQOUxeWeAvIUkduv/CfMjuh4WmiXr2v9w== + dependencies: + call-bind "^1.0.2" + es-to-primitive "^1.2.1" + function-bind "^1.1.1" + get-intrinsic "^1.1.1" + get-symbol-description "^1.0.0" + has "^1.0.3" + has-symbols "^1.0.2" + internal-slot "^1.0.3" + is-callable "^1.2.4" + is-negative-zero "^2.0.1" + is-regex "^1.1.4" + is-shared-array-buffer "^1.0.1" + is-string "^1.0.7" + is-weakref "^1.0.1" + object-inspect "^1.11.0" + object-keys "^1.1.1" + object.assign "^4.1.2" + string.prototype.trimend "^1.0.4" + string.prototype.trimstart "^1.0.4" + unbox-primitive "^1.0.1" + +es-array-method-boxes-properly@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e" + integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA== + es-get-iterator@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.0.tgz#bb98ad9d6d63b31aacdc8f89d5d0ee57bcb5b4c8" @@ -8515,21 +8728,24 @@ function-bind@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d" -function.prototype.name@^1.1.0, function.prototype.name@^1.1.2: - version "1.1.2" - resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.2.tgz#5cdf79d7c05db401591dfde83e3b70c5123e9a45" +function.prototype.name@^1.1.0, function.prototype.name@^1.1.2, function.prototype.name@^1.1.3: + version "1.1.5" + resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621" + integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA== dependencies: + call-bind "^1.0.2" define-properties "^1.1.3" - es-abstract "^1.17.0-next.1" - functions-have-names "^1.2.0" + es-abstract "^1.19.0" + functions-have-names "^1.2.2" functional-red-black-tree@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327" -functions-have-names@^1.2.0: - version "1.2.1" - resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.1.tgz#a981ac397fa0c9964551402cdc5533d7a4d52f91" +functions-have-names@^1.2.2: + version "1.2.2" + resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.2.tgz#98d93991c39da9361f8e50b337c4f6e41f120e21" + integrity sha512-bLgc3asbWdwPbx2mNk2S49kmJCuQeu0nfmaOgbs8WIyzzkw3r4htszdIi9Q9EMezDPTYuJx2wvjZ/EwgAthpnA== gauge@~2.7.3: version "2.7.4" @@ -8565,6 +8781,15 @@ get-caller-file@^2.0.1, get-caller-file@^2.0.5: version "2.0.5" resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" +get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1: + version "1.1.1" + resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6" + integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q== + dependencies: + function-bind "^1.1.1" + has "^1.0.3" + has-symbols "^1.0.1" + get-node-dimensions@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/get-node-dimensions/-/get-node-dimensions-1.2.1.tgz#fb7b4bb57060fb4247dd51c9d690dfbec56b0823" @@ -8626,6 +8851,14 @@ get-stream@^6.0.0: resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7" integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg== +get-symbol-description@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6" + integrity sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw== + dependencies: + call-bind "^1.0.2" + get-intrinsic "^1.1.1" + get-value@^2.0.3, get-value@^2.0.6: version "2.0.6" resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28" @@ -8954,6 +9187,11 @@ has-ansi@^2.0.0: dependencies: ansi-regex "^2.0.0" +has-bigints@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113" + integrity sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA== + has-flag@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd" @@ -8966,6 +9204,18 @@ has-symbols@^1.0.0, has-symbols@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8" +has-symbols@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.2.tgz#165d3070c00309752a1236a479331e3ac56f1423" + integrity sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw== + +has-tostringtag@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25" + integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ== + dependencies: + has-symbols "^1.0.2" + has-unicode@^2.0.0, has-unicode@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9" @@ -9106,10 +9356,12 @@ hpack.js@^2.1.6: wbuf "^1.1.0" html-element-map@^1.0.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/html-element-map/-/html-element-map-1.2.0.tgz#dfbb09efe882806af63d990cf6db37993f099f22" + version "1.3.1" + resolved "https://registry.yarnpkg.com/html-element-map/-/html-element-map-1.3.1.tgz#44b2cbcfa7be7aa4ff59779e47e51012e1c73c08" + integrity sha512-6XMlxrAFX4UEEGxctfFnmrFaaZFNf9i5fNuV5wZ3WWQ4FVaNP1aX1LkX9j2mfEx1NpjeE/rL3nmgEn23GdFmrg== dependencies: - array-filter "^1.0.0" + array.prototype.filter "^1.0.0" + call-bind "^1.0.2" html-encoding-sniffer@^1.0.2: version "1.0.2" @@ -9162,7 +9414,7 @@ html-webpack-plugin@^4.4.1: tapable "^1.1.3" util.promisify "1.0.0" -htmlparser2@^3.3.0, htmlparser2@^3.9.1: +htmlparser2@^3.3.0: version "3.10.1" resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f" dependencies: @@ -9173,6 +9425,16 @@ htmlparser2@^3.3.0, htmlparser2@^3.9.1: inherits "^2.0.1" readable-stream "^3.1.1" +htmlparser2@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7" + integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A== + dependencies: + domelementtype "^2.0.1" + domhandler "^4.0.0" + domutils "^2.5.2" + entities "^2.0.0" + http-assert@^1.3.0: version "1.4.1" resolved "https://registry.yarnpkg.com/http-assert/-/http-assert-1.4.1.tgz#c5f725d677aa7e873ef736199b89686cceb37878" @@ -9542,6 +9804,15 @@ internal-slot@^1.0.2: has "^1.0.3" side-channel "^1.0.2" +internal-slot@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c" + integrity sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA== + dependencies: + get-intrinsic "^1.1.0" + has "^1.0.3" + side-channel "^1.0.4" + interpret@^1.0.0, interpret@^1.2.0, interpret@^1.4.0: version "1.4.0" resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e" @@ -9618,6 +9889,13 @@ is-bigint@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.0.tgz#73da8c33208d00f130e9b5e15d23eac9215601c4" +is-bigint@^1.0.1: + version "1.0.4" + resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3" + integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg== + dependencies: + has-bigints "^1.0.1" + is-binary-path@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898" @@ -9634,6 +9912,14 @@ is-boolean-object@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.0.1.tgz#10edc0900dd127697a92f6f9807c7617d68ac48e" +is-boolean-object@^1.1.0: + version "1.1.2" + resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719" + integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA== + dependencies: + call-bind "^1.0.2" + has-tostringtag "^1.0.0" + is-buffer@^1.1.4, is-buffer@^1.1.5: version "1.1.6" resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be" @@ -9654,6 +9940,11 @@ is-callable@^1.2.0: version "1.2.1" resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.1.tgz#4d1e21a4f437509d25ce55f8184350771421c96d" +is-callable@^1.2.4: + version "1.2.4" + resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945" + integrity sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w== + is-ci@^1.0.10: version "1.2.1" resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.2.1.tgz#e3779c8ee17fccf428488f6e281187f2e632841c" @@ -9813,6 +10104,11 @@ is-negative-zero@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.0.tgz#9553b121b0fac28869da9ed459e20c7543788461" +is-negative-zero@^2.0.1: + version "2.0.2" + resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150" + integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA== + is-npm@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4" @@ -9821,6 +10117,13 @@ is-number-object@^1.0.3: version "1.0.4" resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.4.tgz#36ac95e741cf18b283fc1ddf5e83da798e3ec197" +is-number-object@^1.0.4: + version "1.0.6" + resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.6.tgz#6a7aaf838c7f0686a50b4553f7e54a96494e89f0" + integrity sha512-bEVOqiRcvo3zO1+G2lVMy+gkkEm9Yh7cDMRusKKu5ZJKPUYSJwICTKZrNKHA2EbSP0Tu0+6B/emsYNHZyn6K8g== + dependencies: + has-tostringtag "^1.0.0" + is-number@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195" @@ -9910,6 +10213,14 @@ is-regex@^1.0.4, is-regex@^1.0.5, is-regex@^1.1.0, is-regex@^1.1.1: dependencies: has-symbols "^1.0.1" +is-regex@^1.1.4: + version "1.1.4" + resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958" + integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg== + dependencies: + call-bind "^1.0.2" + has-tostringtag "^1.0.0" + is-regexp@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069" @@ -9928,6 +10239,11 @@ is-set@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.1.tgz#d1604afdab1724986d30091575f54945da7e5f43" +is-shared-array-buffer@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz#97b0c85fbdacb59c9c446fe653b82cf2b5b7cfe6" + integrity sha512-IU0NmyknYZN0rChcKhRO1X8LYz5Isj/Fsqh8NJOSf+N/hCOTwy29F32Ik7a+QszE63IdvmwdTPDd6cZ5pg4cwA== + is-ssh@^1.3.0: version "1.3.2" resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.3.2.tgz#a4b82ab63d73976fd8263cceee27f99a88bdae2b" @@ -9950,9 +10266,17 @@ is-string@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.5.tgz#40493ed198ef3ff477b8c7f92f644ec82a5cd3a6" +is-string@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd" + integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg== + dependencies: + has-tostringtag "^1.0.0" + is-subset@^0.1.1: version "0.1.1" resolved "https://registry.yarnpkg.com/is-subset/-/is-subset-0.1.1.tgz#8a59117d932de1de00f245fcdd39ce43f1e939a6" + integrity sha1-ilkRfZMt4d4A8kX83TnOQ/HpOaY= is-symbol@^1.0.2: version "1.0.3" @@ -9960,6 +10284,13 @@ is-symbol@^1.0.2: dependencies: has-symbols "^1.0.1" +is-symbol@^1.0.3: + version "1.0.4" + resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c" + integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg== + dependencies: + has-symbols "^1.0.2" + is-text-path@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/is-text-path/-/is-text-path-1.0.1.tgz#4e1aa0fb51bfbcb3e92688001397202c1775b66e" @@ -10003,6 +10334,13 @@ is-weakmap@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2" +is-weakref@^1.0.1: + version "1.0.2" + resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2" + integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ== + dependencies: + call-bind "^1.0.2" + is-weakset@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.1.tgz#e9a0af88dbd751589f5e50d80f4c98b780884f83" @@ -11181,10 +11519,12 @@ lodash.debounce@^4.0.8: lodash.escape@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/lodash.escape/-/lodash.escape-4.0.1.tgz#c9044690c21e04294beaa517712fded1fa88de98" + integrity sha1-yQRGkMIeBClL6qUXcS/e0fqI3pg= lodash.flattendeep@^4.4.0: version "4.4.0" resolved "https://registry.yarnpkg.com/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz#fb030917f86a3134e5bc9bec0d69e0013ddfedb2" + integrity sha1-+wMJF/hqMTTlvJvsDWngAT3f7bI= lodash.get@^4.4.2: version "4.4.2" @@ -11193,6 +11533,7 @@ lodash.get@^4.4.2: lodash.isequal@^4.5.0: version "4.5.0" resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0" + integrity sha1-QVxEePK8wwEgwizhDtMib30+GOA= lodash.ismatch@^4.4.0: version "4.4.0" @@ -11239,7 +11580,7 @@ lodash.uniq@^4.5.0: version "4.5.0" resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773" -lodash@^4.15.0, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.1: +lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.1: version "4.17.20" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52" @@ -11977,6 +12318,7 @@ moniker@0.1.2: moo@^0.5.0: version "0.5.1" resolved "https://registry.yarnpkg.com/moo/-/moo-0.5.1.tgz#7aae7f384b9b09f620b6abf6f74ebbcd1b65dbc4" + integrity sha512-I1mnb5xn4fO80BH9BLcF0yLypy2UKl+Cb01Fu0hJRkJjlCRtxZMWkTdAtDd5ZqCOxtCkhmRwyI57vWT+1iZ67w== morgan@^1.6.1: version "1.10.0" @@ -12088,14 +12430,14 @@ ncp@0.4.x: resolved "https://registry.yarnpkg.com/ncp/-/ncp-0.4.2.tgz#abcc6cbd3ec2ed2a729ff6e7c1fa8f01784a8574" nearley@^2.7.10: - version "2.19.6" - resolved "https://registry.yarnpkg.com/nearley/-/nearley-2.19.6.tgz#22663fd7326eb708b4c18bfdd7e4ce204b7239b0" + version "2.20.1" + resolved "https://registry.yarnpkg.com/nearley/-/nearley-2.20.1.tgz#246cd33eff0d012faf197ff6774d7ac78acdd474" + integrity sha512-+Mc8UaAebFzgV+KpI5n7DasuuQCHA89dmwm7JXw3TV43ukfNQ9DnBH3Mdb2g/I4Fdxc26pwimBWvjIw0UAILSQ== dependencies: commander "^2.19.0" moo "^0.5.0" railroad-diagrams "^1.0.0" randexp "0.4.6" - semver "^5.4.1" negotiator@0.6.2: version "0.6.2" @@ -12377,6 +12719,13 @@ npmlog@^4.0.1, npmlog@^4.1.2: gauge "~2.7.3" set-blocking "~2.0.0" +nth-check@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.1.tgz#2efe162f5c3da06a28959fbd3db75dbeea9f0fc2" + integrity sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w== + dependencies: + boolbase "^1.0.0" + nth-check@~1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c" @@ -12418,7 +12767,12 @@ object-copy@^0.1.0: define-property "^0.2.5" kind-of "^3.0.3" -object-inspect@^1.6.0, object-inspect@^1.7.0, object-inspect@^1.8.0: +object-inspect@^1.11.0, object-inspect@^1.6.0, object-inspect@^1.9.0: + version "1.12.0" + resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.0.tgz#6e2c120e868fd1fd18cb4f18c31741d0d6e776f0" + integrity sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g== + +object-inspect@^1.7.0, object-inspect@^1.8.0: version "1.8.0" resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.8.0.tgz#df807e5ecf53a609cc6bfe93eac3cc7be5b3a9d0" @@ -12457,6 +12811,16 @@ object.assign@^4.1.1: has-symbols "^1.0.1" object-keys "^1.1.1" +object.assign@^4.1.2: + version "4.1.2" + resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940" + integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ== + dependencies: + call-bind "^1.0.0" + define-properties "^1.1.3" + has-symbols "^1.0.1" + object-keys "^1.1.1" + object.defaults@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/object.defaults/-/object.defaults-1.1.0.tgz#3a7f868334b407dea06da16d88d5cd29e435fecf" @@ -12466,7 +12830,16 @@ object.defaults@^1.1.0: for-own "^1.0.0" isobject "^3.0.0" -object.entries@^1.0.4, object.entries@^1.1.1, object.entries@^1.1.2: +object.entries@^1.0.4: + version "1.1.5" + resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.5.tgz#e1acdd17c4de2cd96d5a08487cfb9db84d881861" + integrity sha512-TyxmjUoZggd4OrrU1W66FMDG6CuqJxsFvymeyXI51+vQLN67zYfZseptRge703kKQdo4uccgAKebXFcRCzk4+g== + dependencies: + call-bind "^1.0.2" + define-properties "^1.1.3" + es-abstract "^1.19.1" + +object.entries@^1.1.1, object.entries@^1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.2.tgz#bc73f00acb6b6bb16c203434b10f9a7e797d3add" dependencies: @@ -12483,6 +12856,15 @@ object.fromentries@^2.0.2: function-bind "^1.1.1" has "^1.0.3" +object.fromentries@^2.0.3: + version "2.0.5" + resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.5.tgz#7b37b205109c21e741e605727fe8b0ad5fa08251" + integrity sha512-CAyG5mWQRRiBU57Re4FKoTBjXfDoNwdFVH2Y1tS9PqCsfUTymAohOkEMSG3aRNKmv4lV3O7p1et7c187q6bynw== + dependencies: + call-bind "^1.0.2" + define-properties "^1.1.3" + es-abstract "^1.19.1" + object.getownpropertydescriptors@^2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz#8758c846f5b407adab0f236e0986f14b051caa16" @@ -12503,7 +12885,16 @@ object.pick@^1.2.0, object.pick@^1.3.0: dependencies: isobject "^3.0.1" -object.values@^1.0.4, object.values@^1.1.0, object.values@^1.1.1: +object.values@^1.0.4: + version "1.1.5" + resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.5.tgz#959f63e3ce9ef108720333082131e4a459b716ac" + integrity sha512-QUZRW0ilQ3PnPpbNtgdNV1PDbEqLIiSFB3l+EnGtBQ/8SUTLj1PZwtQHABZtLgwpJZTSZhuGLOGk57Drx2IvYg== + dependencies: + call-bind "^1.0.2" + define-properties "^1.1.3" + es-abstract "^1.19.1" + +object.values@^1.1.0, object.values@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e" dependencies: @@ -12914,21 +13305,22 @@ parse-url@^5.0.0: parse-path "^4.0.0" protocols "^1.4.0" +parse5-htmlparser2-tree-adapter@^6.0.1: + version "6.0.1" + resolved "https://registry.yarnpkg.com/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz#2cdf9ad823321140370d4dbf5d3e92c7c8ddc6e6" + integrity sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA== + dependencies: + parse5 "^6.0.1" + parse5@5.1.0: version "5.1.0" resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2" -parse5@6.0.1: +parse5@6.0.1, parse5@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b" integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw== -parse5@^3.0.1: - version "3.0.3" - resolved "https://registry.yarnpkg.com/parse5/-/parse5-3.0.3.tgz#042f792ffdd36851551cf4e9e066b3874ab45b5c" - dependencies: - "@types/node" "*" - parseurl@^1.3.2, parseurl@~1.3.2, parseurl@~1.3.3: version "1.3.3" resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4" @@ -13326,6 +13718,15 @@ pretty-format@^27.0.0, pretty-format@^27.2.5: ansi-styles "^5.0.0" react-is "^17.0.1" +pretty-format@^27.0.2: + version "27.5.1" + resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e" + integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ== + dependencies: + ansi-regex "^5.0.1" + ansi-styles "^5.0.0" + react-is "^17.0.1" + process-nextick-args@~2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2" @@ -13379,6 +13780,7 @@ promzard@^0.3.0: prop-types-exact@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/prop-types-exact/-/prop-types-exact-1.2.0.tgz#825d6be46094663848237e3925a98c6e944e9869" + integrity sha512-K+Tk3Kd9V0odiXFP9fwDHUYRyvK3Nun3GVyPapSIs5OBkITAm15W0CPFD/YKTkMUAbc0b9CUwRQp2ybiBIq+eA== dependencies: has "^1.0.3" object.assign "^4.1.0" @@ -13569,12 +13971,14 @@ quick-lru@^4.0.1: raf@^3.4.0: version "3.4.1" resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39" + integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA== dependencies: performance-now "^2.1.0" railroad-diagrams@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz#eb7e6267548ddedfb899c1b90e57374559cddb7e" + integrity sha1-635iZ1SN3t+4mcG5Dlc3RVnN234= ramda@~0.27.1: version "0.27.1" @@ -13584,6 +13988,7 @@ ramda@~0.27.1: randexp@0.4.6: version "0.4.6" resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.6.tgz#e986ad5e5e31dae13ddd6f7b3019aa7c87f60ca3" + integrity sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ== dependencies: discontinuous-range "1.0.0" ret "~0.1.10" @@ -13667,13 +14072,15 @@ react-fast-compare@^2.0.0: version "2.0.4" resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-2.0.4.tgz#e84b4d455b0fec113e0402c329352715196f81f9" -"react-is@^16.12.0 || ^17.0.0", react-is@^17.0.1: - version "17.0.1" - resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.1.tgz#5b3531bd76a645a4c9fb6e693ed36419e3301339" +"react-is@^16.12.0 || ^17.0.0", react-is@^17.0.2: + version "17.0.2" + resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" + integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== react-is@^16.13.1: version "16.13.1" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" + integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== react-is@^16.3.2: version "16.13.0" @@ -13683,6 +14090,10 @@ react-is@^16.7.0, react-is@^16.8.1: version "16.11.0" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.11.0.tgz#b85dfecd48ad1ce469ff558a882ca8e8313928fa" +react-is@^17.0.1: + version "17.0.1" + resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.1.tgz#5b3531bd76a645a4c9fb6e693ed36419e3301339" + react-lifecycles-compat@^3.0.4: version "3.0.4" resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362" @@ -13729,6 +14140,7 @@ react-router@^4.3.1: react-shallow-renderer@^16.13.1: version "16.14.1" resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.14.1.tgz#bf0d02df8a519a558fd9b8215442efa5c840e124" + integrity sha512-rkIMcQi01/+kxiTE9D3fdS959U1g7gs+/rborw++42m1O9FAQiNI/UNRZExVUoAOprn4umcXf+pFRou8i4zuBg== dependencies: object-assign "^4.1.1" react-is "^16.12.0 || ^17.0.0" @@ -13740,13 +14152,14 @@ react-ssr-prepass@^1.2.1: object-is "^1.1.2" react-test-renderer@^17.0.0-0: - version "17.0.1" - resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-17.0.1.tgz#3187e636c3063e6ae498aedf21ecf972721574c7" + version "17.0.2" + resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-17.0.2.tgz#4cd4ae5ef1ad5670fc0ef776e8cc7e1231d9866c" + integrity sha512-yaQ9cB89c17PUb0x6UfWRs7kQCorVdHlutU1boVPEsB8IDZH6n9tHxMacc3y0JoXOJUsZb/t/Mb8FUWMKaM7iQ== dependencies: object-assign "^4.1.1" - react-is "^17.0.1" + react-is "^17.0.2" react-shallow-renderer "^16.13.1" - scheduler "^0.20.1" + scheduler "^0.20.2" react-virtualized@^9.21.1: version "9.22.2" @@ -13959,6 +14372,7 @@ reduce-flatten@^2.0.0: reflect.ownkeys@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/reflect.ownkeys/-/reflect.ownkeys-0.2.0.tgz#749aceec7f3fdf8b63f927a04809e90c5c0b3460" + integrity sha1-dJrO7H8/34tj+SegSAnpDFwLNGA= regenerate-unicode-properties@^8.2.0: version "8.2.0" @@ -14419,6 +14833,7 @@ rollup@^2.58.0: rst-selector-parser@^2.2.3: version "2.2.3" resolved "https://registry.yarnpkg.com/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz#81b230ea2fcc6066c89e3472de794285d9b03d91" + integrity sha1-gbIw6i/MYGbInjRy3nlChdmwPZE= dependencies: lodash.flattendeep "^4.4.0" nearley "^2.7.10" @@ -14507,6 +14922,14 @@ scheduler@^0.20.1: loose-envify "^1.1.0" object-assign "^4.1.1" +scheduler@^0.20.2: + version "0.20.2" + resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91" + integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ== + dependencies: + loose-envify "^1.1.0" + object-assign "^4.1.1" + schema-utils@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770" @@ -14755,6 +15178,15 @@ side-channel@^1.0.2: es-abstract "^1.18.0-next.0" object-inspect "^1.8.0" +side-channel@^1.0.4: + version "1.0.4" + resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf" + integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw== + dependencies: + call-bind "^1.0.0" + get-intrinsic "^1.0.2" + object-inspect "^1.9.0" + signal-exit@^3.0.0, signal-exit@^3.0.2: version "3.0.2" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d" @@ -14936,6 +15368,14 @@ source-map-resolve@^0.5.0, source-map-resolve@^0.5.2: source-map-url "^0.4.0" urix "^0.1.0" +source-map-resolve@^0.6.0: + version "0.6.0" + resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.6.0.tgz#3d9df87e236b53f16d01e58150fc7711138e5ed2" + integrity sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w== + dependencies: + atob "^2.1.2" + decode-uri-component "^0.2.0" + source-map-support@^0.5.6, source-map-support@~0.5.12: version "0.5.19" resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61" @@ -15236,12 +15676,13 @@ string.prototype.matchall@^4.0.2: side-channel "^1.0.2" string.prototype.trim@^1.1.2: - version "1.2.0" - resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.0.tgz#75a729b10cfc1be439543dae442129459ce61e3d" + version "1.2.5" + resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.5.tgz#a587bcc8bfad8cb9829a577f5de30dd170c1682c" + integrity sha512-Lnh17webJVsD6ECeovpVN17RlAKjmz4rF9S+8Y45CkMc/ufVpTkU3vZIyIC7sllQ1FCvObZnnCdNs/HXTUOTlg== dependencies: + call-bind "^1.0.2" define-properties "^1.1.3" - es-abstract "^1.13.0" - function-bind "^1.1.1" + es-abstract "^1.19.1" string.prototype.trimend@^1.0.0, string.prototype.trimend@^1.0.1: version "1.0.1" @@ -15250,6 +15691,14 @@ string.prototype.trimend@^1.0.0, string.prototype.trimend@^1.0.1: define-properties "^1.1.3" es-abstract "^1.17.5" +string.prototype.trimend@^1.0.4: + version "1.0.4" + resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz#e75ae90c2942c63504686c18b287b4a0b1a45f80" + integrity sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A== + dependencies: + call-bind "^1.0.2" + define-properties "^1.1.3" + string.prototype.trimleft@^2.1.1: version "2.1.2" resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.2.tgz#4408aa2e5d6ddd0c9a80739b087fbc067c03b3cc" @@ -15273,6 +15722,14 @@ string.prototype.trimstart@^1.0.0, string.prototype.trimstart@^1.0.1: define-properties "^1.1.3" es-abstract "^1.17.5" +string.prototype.trimstart@^1.0.4: + version "1.0.4" + resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz#b36399af4ab2999b4c9c648bd7a3fb2bb26feeed" + integrity sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw== + dependencies: + call-bind "^1.0.2" + define-properties "^1.1.3" + string_decoder@^1.0.0, string_decoder@^1.1.1: version "1.3.0" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e" @@ -16001,7 +16458,7 @@ tslib@^1.10.0, tslib@^1.8.1, tslib@^1.9.0: version "1.13.0" resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043" -tslib@^2.0.0: +tslib@^2.0.0, tslib@^2.2.0: version "2.3.1" resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01" integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw== @@ -16117,6 +16574,16 @@ umask@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/umask/-/umask-1.1.0.tgz#f29cebf01df517912bb58ff9c4e50fde8e33320d" +unbox-primitive@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.1.tgz#085e215625ec3162574dc8859abee78a59b14471" + integrity sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw== + dependencies: + function-bind "^1.1.1" + has-bigints "^1.0.1" + has-symbols "^1.0.2" + which-boxed-primitive "^1.0.2" + unbzip2-stream@^1.3.3: version "1.4.3" resolved "https://registry.yarnpkg.com/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz#b0da04c4371311df771cdc215e87f2130991ace7" @@ -17068,6 +17535,17 @@ which-boxed-primitive@^1.0.1: is-string "^1.0.4" is-symbol "^1.0.2" +which-boxed-primitive@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6" + integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg== + dependencies: + is-bigint "^1.0.1" + is-boolean-object "^1.1.0" + is-number-object "^1.0.4" + is-string "^1.0.5" + is-symbol "^1.0.3" + which-collection@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.1.tgz#70eab71ebbbd2aefaf32f917082fc62cdcb70906"