Fixed whitespaces, removed node from projects in config, add better description for tests

Author: sreelakshmi-bruno

packages/bruno-app/babel.config.js

@@ -1,9 +1,9 @@
 module.exports = {
     presets: [
-      '@babel/preset-env',
-      ['@babel/preset-react', {
+        '@babel/preset-env',
+        ['@babel/preset-react', {
         runtime: 'automatic'
-      }]
+        }]
     ],
     plugins: ['babel-plugin-styled-components']
-  }; 
+}; 

packages/bruno-app/jest.config.js

@@ -34,25 +34,6 @@ module.exports = {
         '^providers/(.*)$': '<rootDir>/src/providers/$1',
         '^utils/(.*)$': '<rootDir>/src/utils/$1'
       }
-    },
-    {
-      displayName: 'NODE',
-      testMatch: ['<rootDir>/src/**/*.{spec,test}.[jt]s?(x)'],
-      testEnvironment: 'node',
-      testPathIgnorePatterns: ['/src/components/'],
-      transform: {
-        '^.+\\.[jt]sx?$': 'babel-jest'
-      },
-      moduleNameMapper: {
-        '^assets/(.*)$': '<rootDir>/src/assets/$1',
-        '^components/(.*)$': '<rootDir>/src/components/$1',
-        '^hooks/(.*)$': '<rootDir>/src/hooks/$1',
-        '^themes/(.*)$': '<rootDir>/src/themes/$1',
-        '^api/(.*)$': '<rootDir>/src/api/$1',
-        '^pageComponents/(.*)$': '<rootDir>/src/pageComponents/$1',
-        '^providers/(.*)$': '<rootDir>/src/providers/$1',
-        '^utils/(.*)$': '<rootDir>/src/utils/$1'
-      }
     }
   ]
 };

packages/bruno-app/src/components/ResponsePane/ResponseSize/ResponseSize.spec.js

@@ -21,7 +21,7 @@ const renderWithTheme = (component) => {
 };
 
 describe('ResponseSize', () => {
-  describe('Invalid or excluded values', () => {
+  describe('Invalid or excluded size values', () => {
     it('should not render when size is undefined', () => {
       const { container } = renderWithTheme(<ResponseSize size={undefined} />);
       expect(container).toBeEmptyDOMElement();
@@ -58,7 +58,7 @@ describe('ResponseSize', () => {
     });
   });
 
-  describe('Valid values', () => {
+  describe('Valid size values', () => {
     it('should handle zero bytes', () => {
       renderWithTheme(<ResponseSize size={0} />);
       const element = screen.getByText(/0B/);
@@ -75,7 +75,7 @@ describe('ResponseSize', () => {
       expect(element).toHaveAttribute('title', '500B');
     });
 
-    it('should handle exactly 1024 bytes', () => {
+    it('should handle exactly 1024 bytes as size', () => {
       renderWithTheme(<ResponseSize size={1024} />);
       const element = screen.getByText(/1024B/);
       expect(element).toBeInTheDocument();
@@ -91,15 +91,15 @@ describe('ResponseSize', () => {
       expect(element).toHaveAttribute('title', '1,500B');
     });
 
-    it('should handle large numbers', () => {
+    it('should handle large size numbers', () => {
       renderWithTheme(<ResponseSize size={10240} />);
       const element = screen.getByText(/10\.0KB/);
       expect(element).toBeInTheDocument();
       expect(element.textContent).toMatch(/^\d+\.\d+KB$/);
       expect(element).toHaveAttribute('title', '10,240B');
     });
 
-    it('should handle decimal numbers', () => {
+    it('should handle decimal size numbers', () => {
       renderWithTheme(<ResponseSize size={1126.5} />);
       const element = screen.getByText(/1\.10KB/);
       expect(element).toBeInTheDocument();