fixed test cases for config, title, vis

jest.config.js

@@ -7,7 +7,9 @@ module.exports = {
     moduleNameMapper: {
       '\\.css$': 'identity-obj-proxy',
     },
-    setupFilesAfterEnv: ['@testing-library/jest-dom'],
-    setupFilesAfterEnv: ['./tests/setupTests.js'],
+    transformIgnorePatterns: [
+        '/node_modules/(?!react-dnd)/', // Ignore node_modules except for react-dnd
+      ],
+    setupFilesAfterEnv: ['@testing-library/jest-dom', './tests/setupTests.js'],
   };
 

source/components/Layout/VisGridView/VisGridView.js

@@ -32,7 +32,7 @@ function VisGridView({ fullVisScreenHandler, fullScreened }) {
     width: 0,
     currentCols: 0,
     layout: [],
-    margin: 0,
+    margins: [], // Initialize margins as an empty array or with default values
     grid,
   });
   const self = useRef();

tests/App.test.js

@@ -8,15 +8,23 @@ import testData from '../config/wines_data.json';
 
 
 
-describe('App', () => {
-  test('renders more than 0 visible items with react-grid-item class', async () => {
+describe('Eaglescope basic tests', () => {
+  test('renders title from config', async () => {
+    const container = render(
+        <App overrideConfig={testConfig} overrideData={testData}/>
+    );
+    await waitFor(() => {
+        const titleElement = screen.getByText('Eaglescope Demo | Wines');
+        expect(titleElement).toBeInTheDocument();
+      });
+  });
+  test('renders vis elems', async () => {
     const container = render(
         <App overrideConfig={testConfig} overrideData={testData}/>
     );
-
     await waitFor(() => {
-        const items = container.getAllByClassName('react-grid-item');
-        expect(items.length).toBeGreaterThan(0);
+        const elements = document.getElementsByClassName('vis-grid-item');
+        expect(elements.length).toBeGreaterThan(6);
       });
   });
 });

tests/setupTests.js

@@ -1,3 +1,12 @@
 const fetch = require('cross-fetch');
 
 global.fetch = fetch;
+
+
+window.matchMedia = jest.fn().mockImplementation(query => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // Deprecated, but still used in some cases
+    removeListener: jest.fn(), // Deprecated, but still used in some cases
+  }));