[DT-295] Prepare Cypress for Vite migration (#2780)

cypress.config.js

@@ -11,7 +11,7 @@ module.exports = defineConfig({
     baseUrl: 'http://localhost:3000/',
   },
   component: {
-    specPattern: ['**/*.spec.js', '**/*.spec.ts', '**/*.spec.tsx'],
+    specPattern: ['**/*.spec.js', '**/*.spec.jsx', '**/*.spec.ts', '**/*.spec.tsx'],
     devServer: {
       framework: 'create-react-app',
       bundler: 'webpack',

cypress/component/DataAccessRequest/data_access_request_validation.spec.js → cypress/component/DataAccessRequest/data_access_request_validation.spec.jsx

@@ -1,13 +1,13 @@
 /* eslint-disable no-undef */
 import {React} from 'react';
 import {mount} from 'cypress/react';
-import DataAccessRequestApplication from '../../../src/pages/dar_application/DataAccessRequestApplication';
+import DataAccessRequestApplication from '../../../src/pages/dar_application/DataAccessRequestApplication.jsx';
 import { MemoryRouter } from 'react-router-dom';
-import { DAR } from '../../../src/libs/ajax/DAR';
-import { DataSet } from '../../../src/libs/ajax/DataSet';
+import { DAR } from '../../../src/libs/ajax/DAR.js';
+import { DataSet } from '../../../src/libs/ajax/DataSet.js';
 import { Metrics } from '../../../src/libs/ajax/Metrics';
 import { Navigation } from '../../../src/libs/utils.js';
-import { NotificationService } from '../../../src/libs/notificationService';
+import { NotificationService } from '../../../src/libs/notificationService.js';
 import { Storage } from '../../../src/libs/storage.js';
 import { User } from '../../../src/libs/ajax/User';
 

cypress/component/DataAccessRequest/selectable_datasets.spec.js → cypress/component/DataAccessRequest/selectable_datasets.spec.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable no-undef */
 import {React} from 'react';
 import {mount} from 'cypress/react';
-import DataAccessRequestApplication from '../../../src/pages/dar_application/DataAccessRequestApplication';
+import DataAccessRequestApplication from '../../../src/pages/dar_application/DataAccessRequestApplication.jsx';
 import SelectableDatasets from '../../../src/pages/dar_application/SelectableDatasets.jsx';
 
 const datasets = [

cypress/component/ERACommons/era_commons.spec.js → cypress/component/ERACommons/era_commons.spec.jsx

@@ -1,8 +1,8 @@
 /* eslint-disable no-undef */
 
 import ERACommons from '../../../src/components/ERACommons.jsx';
-import {decodeNihToken} from '../../../src/utils/ERACommonsUtils';
-import { AuthenticateNIH } from '../../../src/libs/ajax/AuthenticateNIH';
+import {decodeNihToken} from '../../../src/utils/ERACommonsUtils.js';
+import { AuthenticateNIH } from '../../../src/libs/ajax/AuthenticateNIH.js';
 import { User } from '../../../src/libs/ajax/User';
 import {mount} from 'cypress/react';
 import React from 'react';

cypress/component/MultiDatasetVoteTab/collection_submit_vote_box.spec.js → cypress/component/MultiDatasetVoteTab/collection_submit_vote_box.spec.jsx

@@ -18,6 +18,11 @@ const votesMixed = [
 
 
 describe('CollectionSubmitVoteBox - Tests', function() {
+  // Intercept configuration calls
+  beforeEach(() => {
+    cy.initApplicationConfig();
+  });
+
   it('renders yes vote button as selected if all vote values are true and voting is not final', function() {
     mount(
       <CollectionSubmitVoteBox