fix(carbon): resolve test failures

Author: asirvadAbrahamVarghese

config/jest.setup.js

@@ -16,3 +16,8 @@ Object.defineProperty(window, 'matchMedia', {
     dispatchEvent: jest.fn(),
   })),
 });
+global.ResizeObserver = jest.fn().mockImplementation(() => ({
+  observe: jest.fn(),
+  unobserve: jest.fn(),
+  disconnect: jest.fn(),
+}));

packages/carbon-component-mapper/src/tests/components.test.js

@@ -137,7 +137,7 @@ describe('component tests', () => {
             render(<RendererWrapper schema={{ fields: [descriptionField] }} />);
 
             expect(screen.getByText(helperText)).toBeInTheDocument();
-            expect(() => screen.getByText(description)).toThrow();
+            expect(screen.getByText(description)).toBeInTheDocument();
           });
 
           it('renders with error and helperText', async () => {
@@ -162,7 +162,7 @@ describe('component tests', () => {
           };
           render(<RendererWrapper schema={{ fields: [descriptionField] }} />);
 
-          expect(screen.getAllByRole('button')[0]).toHaveClass('bx--tooltip__trigger');
+          expect(screen.getAllByRole('button')[0]).toHaveClass('cds--toggletip-button');
         });
 
         it('renders isDisabled', () => {

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

@@ -193,7 +193,7 @@ describe('DualListSelect', () => {
   it('sort options', async () => {
     const { container } = render(<FormRenderer {...initialProps} />);
 
-    expect([...container.getElementsByClassName('bx--structured-list-td')].map((el) => el.textContent)).toEqual([
+    expect([...container.getElementsByClassName('cds--structured-list-td')].map((el) => el.textContent)).toEqual([
       'cats',
       'cats_1',
       'cats_2',
@@ -204,7 +204,7 @@ describe('DualListSelect', () => {
 
     await userEvent.click(screen.getAllByRole('button')[1]);
 
-    expect([...container.getElementsByClassName('bx--structured-list-td')].map((el) => el.textContent)).toEqual([
+    expect([...container.getElementsByClassName('cds--structured-list-td')].map((el) => el.textContent)).toEqual([
       'zebras',
       'pigeons',
       'cats_2',
@@ -215,7 +215,7 @@ describe('DualListSelect', () => {
 
     await userEvent.click(screen.getAllByRole('button')[1]);
 
-    expect([...container.getElementsByClassName('bx--structured-list-td')].map((el) => el.textContent)).toEqual([
+    expect([...container.getElementsByClassName('cds--structured-list-td')].map((el) => el.textContent)).toEqual([
       'cats',
       'cats_1',
       'cats_2',
@@ -230,7 +230,7 @@ describe('DualListSelect', () => {
       <FormRenderer {...initialProps} initialValues={{ 'dual-list': schema.fields[0].options.map(({ value }) => value) }} />
     );
 
-    expect([...container.getElementsByClassName('bx--structured-list-td')].map((el) => el.textContent)).toEqual([
+    expect([...container.getElementsByClassName('cds--structured-list-td')].map((el) => el.textContent)).toEqual([
       'No option available',
       'cats',
       'cats_1',
@@ -241,7 +241,7 @@ describe('DualListSelect', () => {
 
     await userEvent.click(screen.getAllByRole('button')[7]);
 
-    expect([...container.getElementsByClassName('bx--structured-list-td')].map((el) => el.textContent)).toEqual([
+    expect([...container.getElementsByClassName('cds--structured-list-td')].map((el) => el.textContent)).toEqual([
       'No option available',
       'zebras',
       'pigeons',
@@ -252,7 +252,7 @@ describe('DualListSelect', () => {
 
     await userEvent.click(screen.getAllByRole('button')[7]);
 
-    expect([...container.getElementsByClassName('bx--structured-list-td')].map((el) => el.textContent)).toEqual([
+    expect([...container.getElementsByClassName('cds--structured-list-td')].map((el) => el.textContent)).toEqual([
       'No option available',
       'cats',
       'cats_1',

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

@@ -62,7 +62,7 @@ describe('<FieldArray/>', () => {
     expect(screen.getByText(label)).toBeInTheDocument();
     expect(screen.getByText(noItemsMessage)).toBeInTheDocument();
     expect(() => screen.getByLabelText('name')).toThrow();
-    expect(screen.getAllByRole('button')[0]).toHaveClass('bx--tooltip__trigger');
+    expect(screen.getAllByRole('button')[0]).toHaveClass('cds--toggletip-button');
 
     await userEvent.click(screen.getByText('CUSTOM ADD'));
 

packages/carbon-component-mapper/src/tests/select.test.js

@@ -181,7 +181,10 @@ describe('<Select />', () => {
       <FormRenderer onSubmit={jest.fn()} FormTemplate={(props) => <FormTemplate {...props} />} schema={schema} componentMapper={componentMapper} />
     );
 
-    expect(screen.getByText('Choose...')).toHaveAttribute('id', 'multiselect-field-label-1');
+    const chooseElement = screen.getByText('Choose...');
+    expect(chooseElement).toBeInTheDocument();
+    expect(chooseElement).toHaveAttribute('id');
+    expect(chooseElement.getAttribute('id')).toMatch(/multiselect-field-label/);
   });
 
   ['isSearchable', 'isClearable'].forEach((setting) => {