fix: remove testing library addon and use unified testing package for…

… storybook (#1121)

package.json

@@ -121,7 +121,6 @@
     "@storybook/react": "8.4.5",
     "@storybook/react-vite": "8.4.5",
     "@storybook/test-runner": "0.19.1",
-    "@storybook/testing-library": "0.2.2",
     "@tanstack/react-query": "5.61.0",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",

src/ItemFlag/ItemFlagDialog.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { screen, userEvent, within } from '@storybook/testing-library';
+import { expect, fn, screen, userEvent, within } from '@storybook/test';
 
 import { FlagType } from '@graasp/sdk';
 

src/MainMenu/MenuItem/MenuItem.stories.tsx

@@ -1,6 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { SparklesIcon } from 'lucide-react';
 
 import { TABLE_CATEGORIES } from '../../utils/storybook.js';

src/Navigation/Navigation.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect } from '@storybook/test';
-import { within } from '@storybook/testing-library';
+import { expect, within } from '@storybook/test';
 import { CogIcon } from 'lucide-react';
 
 import { BrowserRouter } from 'react-router-dom';

src/PlatformSwitch/PlatformSwitch.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, userEvent, within } from '@storybook/test';
 import type { BoundFunctions } from '@testing-library/dom';
 import { queries } from '@testing-library/dom';
 import { Snowflake } from 'lucide-react';

src/Select/Select.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect } from '@storybook/test';
-import { within } from '@storybook/testing-library';
+import { expect, within } from '@storybook/test';
 
 import { TABLE_CATEGORIES } from '../utils/storybook.js';
 import Select from './Select.js';

src/Tree/Breadcrumbs.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, type StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { Home } from 'lucide-react';
 
 import { TABLE_CATEGORIES } from '@/utils/storybook.js';

src/Tree/RowMenu.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, type StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
 import { TABLE_CATEGORIES } from '@/utils/storybook.js';
 

src/Tree/RowMenus.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, type StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
 import { Box } from '@mui/material';
 

src/UserSwitch/UserSwitch.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect } from '@storybook/test';
-import { screen, userEvent, within } from '@storybook/testing-library';
+import { expect, screen, userEvent, within } from '@storybook/test';
 
 import { AccountType } from '@graasp/sdk';
 

src/UserSwitch/UserSwitchWrapper.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect } from '@storybook/test';
-import { screen, userEvent, within } from '@storybook/testing-library';
+import { expect, screen, userEvent, within } from '@storybook/test';
 
 import {
   GuestFactory,

src/buttons/BookmarkButton/BookmarkButton.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
 import { ActionButton, ColorVariants } from '@/types.js';
 

src/buttons/ChatboxButton/ChatboxButton.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
 import { ActionButton } from '../../types.js';
 import { TABLE_CATEGORIES } from '../../utils/storybook.js';

src/buttons/DownloadButton/DownloadButton.stories.tsx

@@ -1,6 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
 import { ActionButton, ColorVariants } from '../../types.js';
 import { TABLE_CATEGORIES } from '../../utils/storybook.js';

src/buttons/EditButton/EditButton.stories.tsx

@@ -1,6 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
 import { ActionButton } from '@/types.js';
 import { TABLE_CATEGORIES } from '@/utils/storybook.js';

src/buttons/PinButton/PinButton.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
 import { ActionButton, ColorVariants } from '@/types.js';
 import { TABLE_CATEGORIES } from '@/utils/storybook.js';

src/buttons/ShareButton/ShareButton.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
 import { ActionButton } from '@/types.js';
 import { TABLE_CATEGORIES } from '@/utils/storybook.js';

src/itemLogin/ItemLoginScreen.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/testing-library';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
 import { ItemLoginSchemaType, PackedDocumentItemFactory } from '@graasp/sdk';
 

src/itemLogin/ItemLoginWrapper.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { within } from '@storybook/testing-library';
+import { expect, fn, within } from '@storybook/test';
 import { StatusCodes } from 'http-status-codes';
 import { v4 } from 'uuid';
 

src/items/AppItem.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect } from '@storybook/test';
-import { within } from '@storybook/testing-library';
+import { expect, within } from '@storybook/test';
 
 import {
   AppItemFactory,

src/upload/FileDropper/FileDropper.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect, fn } from '@storybook/test';
-import { within } from '@storybook/testing-library';
+import { expect, fn, within } from '@storybook/test';
 
 import { Box } from '@mui/material';
 

src/upload/UploadFileButton/UploadFileButton.stories.tsx

@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { expect } from '@storybook/test';
-import { within } from '@storybook/testing-library';
+import { expect, within } from '@storybook/test';
 import { FileBox } from 'lucide-react';
 
 import { TABLE_CATEGORIES } from '@/utils/storybook.js';