feat: enhance Excel export functionality and improve test coverage

Author: nusr

packages/demo/frontend/vite.config.mts

@@ -1,8 +1,8 @@
 import { defineConfig, AliasOptions } from 'vite';
 import react from '@vitejs/plugin-react';
 import { codecovVitePlugin } from '@codecov/vite-plugin';
-import { join } from 'path';
-import { version } from './package.json';
+import { join } from 'node:path';
+import { version } from './package.json' with { type: 'json' };
 
 function htmlSlot(options: Record<string, string>) {
   return {
@@ -23,8 +23,16 @@ export default defineConfig((env) => {
   let alias: AliasOptions = {};
 
   if (isDev || env.mode === 'e2e') {
+    const dirPath = join(
+      import.meta.dirname,
+      '..',
+      '..',
+      'excel-collab',
+      'src',
+    );
+
     alias = {
-      'excel-collab': join(__dirname, '..', '..', 'excel-collab', 'src'),
+      'excel-collab': dirPath,
     };
   }
 

packages/excel-collab/src/__tests__/Export.test.tsx

@@ -64,7 +64,7 @@ describe('Export.test.ts', () => {
     test('ok', async () => {
       type('test');
       fireEvent.click(screen.getByTestId('menubar-excel-trigger'));
-      fireEvent.click(screen.getByTestId('menubar-export-xlsx'));
+      fireEvent.click(screen.getByTestId('menubar-export-more-xlsx'));
       await waitFor(() => {
         expect(mockSaveAs).toHaveBeenCalled();
       });
@@ -74,8 +74,28 @@ describe('Export.test.ts', () => {
     test('ok', async () => {
       type('test');
       fireEvent.click(screen.getByTestId('menubar-excel-trigger'));
-      fireEvent.click(screen.getByTestId('menubar-export-csv'));
+      fireEvent.click(screen.getByTestId('menubar-export-more-csv'));
       expect(mockSaveAs).toHaveBeenCalled();
     });
   });
+  describe('download json', () => {
+    test('ok', async () => {
+      type('test');
+      fireEvent.click(screen.getByTestId('menubar-excel-trigger'));
+      fireEvent.click(screen.getByTestId('menubar-export-json'));
+      expect(mockSaveAs).toHaveBeenCalled();
+    });
+  });
+  describe('download other formats', () => {
+    for (const ext of ['xlsb', 'xls', 'ods', 'html', 'dbf'] as const) {
+      test(ext, async () => {
+        type('test');
+        fireEvent.click(screen.getByTestId('menubar-excel-trigger'));
+        fireEvent.click(screen.getByTestId(`menubar-export-more-${ext}`));
+        await waitFor(() => {
+          expect(mockSaveAs).toHaveBeenCalled();
+        });
+      });
+    }
+  });
 });