Update PF4 test to lates major

Author: rvsia

packages/pf4-component-mapper/src/tests/__snapshots__/form-fields.test.js.snap

@@ -3,8 +3,7 @@ import { act } from 'react-dom/test-utils';
 import FormRenderer, { componentTypes } from '@data-driven-forms/react-form-renderer';
 import { mount } from 'enzyme';
 
-import { FormGroup, TextInput } from '@patternfly/react-core';
-import { DataToolbar } from '@patternfly/react-core/dist/js/experimental';
+import { FormGroup, TextInput, Toolbar } from '@patternfly/react-core';
 import {
   SearchIcon,
   PficonSortCommonAscIcon,
@@ -68,7 +67,7 @@ describe('DualListSelect', () => {
     const wrapper = mount(<FormRenderer {...initialProps} />);
 
     expect(wrapper.find(FormGroup)).toHaveLength(1);
-    expect(wrapper.find(DataToolbar)).toHaveLength(2);
+    expect(wrapper.find(Toolbar)).toHaveLength(2);
     expect(wrapper.find(TextInput)).toHaveLength(2);
     expect(wrapper.find(SearchIcon)).toHaveLength(2);
     expect(wrapper.find(PficonSortCommonDescIcon)).toHaveLength(2);

packages/pf4-component-mapper/src/tests/__snapshots__/form-template-common.test.js.snap

@@ -4,6 +4,7 @@ import FormRenderer, { componentTypes, validatorTypes } from '@data-driven-forms
 import { mount } from 'enzyme';
 
 import { componentMapper, FormTemplate } from '../index';
+import { FormHelperText } from '@patternfly/react-core';
 
 describe('<FieldArray/>', () => {
   let initialProps;
@@ -351,7 +352,7 @@ describe('<FieldArray/>', () => {
       wrapper = mount(<FormRenderer {...initialProps} />);
     });
 
-    expect(wrapper.find('FormHelperText')).toHaveLength(0);
+    expect(wrapper.find(FormHelperText)).toHaveLength(0);
 
     await act(async () => {
       wrapper
@@ -369,7 +370,7 @@ describe('<FieldArray/>', () => {
     expect(onSubmit).not.toHaveBeenCalled();
     onSubmit.mockClear();
 
-    expect(wrapper.find('FormHelperText').text()).toEqual('Must have at least 3 items.');
+    expect(wrapper.find(FormHelperText).text()).toEqual('Must have at least 3 items.');
   });
 
   it('should render array field correctly with props', async () => {

packages/pf4-component-mapper/src/tests/dual-list-select.test.js

@@ -4,6 +4,7 @@ import { mount } from 'enzyme';
 import FormRenderer, { componentTypes } from '@data-driven-forms/react-form-renderer';
 import FormTemplate from '../files/form-template';
 import componentMapper from '../files/component-mapper';
+import { Title, Text } from '@patternfly/react-core';
 
 describe('SubForm component', () => {
   let initialProps;
@@ -35,8 +36,8 @@ describe('SubForm component', () => {
     };
     const wrapper = mount(<FormRenderer {...initialProps} schema={schema} />);
 
-    expect(wrapper.find('Title').text()).toEqual('some title');
-    expect(wrapper.find('Text').text()).toEqual('some description');
+    expect(wrapper.find(Title).text()).toEqual('some title');
+    expect(wrapper.find(Text).text()).toEqual('some description');
     expect(wrapper.find('input')).toHaveLength(1);
   });
 
@@ -58,8 +59,8 @@ describe('SubForm component', () => {
     };
     const wrapper = mount(<FormRenderer {...initialProps} schema={schema} />);
 
-    expect(wrapper.find('Title').text()).toEqual('some title');
-    expect(wrapper.find('Text')).toHaveLength(0);
+    expect(wrapper.find(Title).text()).toEqual('some title');
+    expect(wrapper.find(Text)).toHaveLength(0);
     expect(wrapper.find('input')).toHaveLength(1);
   });
 
@@ -81,8 +82,8 @@ describe('SubForm component', () => {
     };
     const wrapper = mount(<FormRenderer {...initialProps} schema={schema} />);
 
-    expect(wrapper.find('Title')).toHaveLength(0);
-    expect(wrapper.find('Text').text()).toEqual('some description');
+    expect(wrapper.find(Title)).toHaveLength(0);
+    expect(wrapper.find(Text).text()).toEqual('some description');
     expect(wrapper.find('input')).toHaveLength(1);
   });
 });

packages/pf4-component-mapper/src/tests/field-array.test.js

@@ -51,7 +51,7 @@ describe('Tabs component', () => {
 
     expect(wrapper.find(PF4Tabs).props().activeKey).toEqual(0);
 
-    const secondTabButton = wrapper.find('.pf-c-tabs__button').last();
+    const secondTabButton = wrapper.find('.pf-c-tabs__link').last();
     secondTabButton.simulate('click');
 
     expect(wrapper.find(PF4Tabs).props().activeKey).toEqual(1);