other tests added

Author: catosaurusrex2003

library/src/components/__tests__/Bindings.test.tsx

@@ -5,7 +5,7 @@
 /* eslint-disable sonarjs/no-duplicate-string */
 
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import {
   BindingV2 as BindingSchema,
   BindingsV2 as BindingsSchema,
@@ -41,14 +41,19 @@ describe('Bindings component', () => {
     };
     render(<Bindings bindings={createBinding(bindings)} />);
 
+    const expandAllButtons = screen.getAllByRole('button', {
+      name: 'Expand all',
+    });
+    expandAllButtons.forEach((button) => fireEvent.click(button));
+
     expect(screen.getAllByText('Binding specific information')).toBeDefined();
     expect(screen.getAllByText('Binding specific information')).toHaveLength(2);
     expect(screen.getByText('mqtt')).toBeDefined();
     expect(screen.getByText('fooMqtt')).toBeDefined();
-    expect(screen.getByText('barMqtt')).toBeDefined();
+    expect(screen.getByText('"barMqtt"')).toBeDefined();
     expect(screen.getByText('kafka')).toBeDefined();
     expect(screen.getByText('fooKafka')).toBeDefined();
-    expect(screen.getByText('barKafka')).toBeDefined();
+    expect(screen.getByText('"barKafka"')).toBeDefined();
   });
 
   test('should render empty binding as string', () => {
@@ -61,11 +66,16 @@ describe('Bindings component', () => {
     };
     render(<Bindings bindings={createBinding(bindings)} />);
 
+    const expandAllButtons = screen.getAllByRole('button', {
+      name: 'Expand all',
+    });
+    expandAllButtons.forEach((button) => fireEvent.click(button));
+
     expect(screen.getAllByText('Binding specific information')).toBeDefined();
     expect(screen.getAllByText('Binding specific information')).toHaveLength(3);
     expect(screen.getByText('mqtt')).toBeDefined();
     expect(screen.getByText('foo')).toBeDefined();
-    expect(screen.getByText('bar')).toBeDefined();
+    expect(screen.getByText('"bar"')).toBeDefined();
     expect(screen.getByText('kafka')).toBeDefined();
     expect(screen.getByText('http')).toBeDefined();
     expect(screen.queryByText('undefined')).toEqual(null);

library/src/components/__tests__/Extensions.test.tsx

@@ -3,7 +3,7 @@
  */
 
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 
 import { SchemaV2 as SchemaModel } from '@asyncapi/parser';
 
@@ -18,11 +18,13 @@ describe('Extensions component', () => {
     const schemaModel = new SchemaModel(schema);
     render(<Extensions item={schemaModel} />);
 
+    fireEvent.click(screen.getByRole('button', { name: 'Expand all' }));
+
     expect(screen.getByText('Extensions')).toBeDefined();
     expect(screen.getByText('x-foo')).toBeDefined();
-    expect(screen.getByText('xBar')).toBeDefined();
+    expect(screen.getByText('"xBar"')).toBeDefined();
     expect(screen.getByText('x-bar')).toBeDefined();
-    expect(screen.getByText('xFoo')).toBeDefined();
+    expect(screen.getByText('"xFoo"')).toBeDefined();
   });
 
   test('should filter non extensions', () => {
@@ -38,12 +40,14 @@ describe('Extensions component', () => {
     };
     const schemaModel = new SchemaModel(schema);
     render(<Extensions item={schemaModel} />);
+    
+    fireEvent.click(screen.getByRole('button', { name: 'Expand all' }));
 
     expect(screen.getByText('Extensions')).toBeDefined();
     expect(screen.getByText('x-foo')).toBeDefined();
-    expect(screen.getByText('xBar')).toBeDefined();
+    expect(screen.getByText('"xBar"')).toBeDefined();
     expect(screen.getByText('x-bar')).toBeDefined();
-    expect(screen.getByText('xFoo')).toBeDefined();
+    expect(screen.getByText('"xFoo"')).toBeDefined();
     expect(screen.queryByText('foo')).toEqual(null);
     expect(screen.queryByText('bar')).toEqual(null);
   });
@@ -57,9 +61,11 @@ describe('Extensions component', () => {
     const schemaModel = new SchemaModel(schema);
     render(<Extensions item={schemaModel} />);
 
+    fireEvent.click(screen.getByRole('button', { name: 'Expand all' }));
+
     expect(screen.getByText('Extensions')).toBeDefined();
     expect(screen.getByText('x-foo')).toBeDefined();
-    expect(screen.getByText('xBar')).toBeDefined();
+    expect(screen.getByText('"xBar"')).toBeDefined();
     expect(screen.getByText('x-bar')).toBeDefined();
     expect(screen.getByText('x-foobar')).toBeDefined();
     expect(screen.queryByText('undefined')).toEqual(null);

library/src/components/__tests__/Schema.test.tsx

@@ -3,9 +3,8 @@
  */
 
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import { SchemaV2 as SchemaModel } from '@asyncapi/parser';
-
 import { Schema } from '../Schema';
 
 describe('Schema component', () => {
@@ -41,6 +40,8 @@ describe('Schema component', () => {
 
     render(<Schema schema={schemaModel} />);
 
+    fireEvent.click(screen.getByRole('button', { name: 'Expand all' }));
+
     // properties
     expect(screen.getByText('nonCircular')).toBeDefined();
     expect(screen.getByText('circular')).toBeDefined();
@@ -69,6 +70,8 @@ describe('Schema component', () => {
 
       render(<Schema schema={schemaModel} />);
 
+      fireEvent.click(screen.getByRole('button', { name: 'Expand all' }));
+
       expect(screen.getByText('true')).toBeDefined();
       expect(screen.getByText('false')).toBeDefined();
     });
@@ -91,6 +94,12 @@ describe('Schema component', () => {
 
       render(<Schema schema={schemaModel} />);
 
+      fireEvent.click(screen.getByRole('button', { name: 'Expand all' }));
+
+      const constantValueElements = screen.getAllByText('Constant value:');
+      expect(constantValueElements).toBeDefined();
+      expect(constantValueElements).toHaveLength(2);
+
       expect(screen.getByText('true')).toBeDefined();
       expect(screen.getByText('false')).toBeDefined();
     });
@@ -147,8 +156,18 @@ describe('Schema component', () => {
 
       render(<Schema schema={schemaModel} />);
 
-      expect(screen.getByText('Adheres to Cat:')).toBeDefined();
-      expect(screen.getByText('Or to Dog:')).toBeDefined();
+      fireEvent.click(screen.getByRole('button', { name: 'Expand all' }));
+
+      fireEvent.click(screen.getByRole('button', { name: 'Expand all' }));
+
+      expect(
+        screen.getAllByRole('heading', {
+          name: /can be one of the following/i,
+        }),
+      ).toBeDefined();
+
+      expect(screen.getByText('Cat:')).toBeDefined();
+      expect(screen.getByText('Dog:')).toBeDefined();
     });
   });
 });