fix: use ...testingLibrary.configs["flat/react"] insetad of ...testingLibrary.configs["flat/dom"]

Author: DaleSeo

eslint.config.js

@@ -28,6 +28,6 @@ export default tseslint.config(
   },
   {
     files: ["src/components/**/*.test.[jt]s?(x)"],
-    ...testingLibrary.configs["flat/dom"],
+    ...testingLibrary.configs["flat/react"],
   },
 );

src/components/Icon/Icon.test.tsx

@@ -8,7 +8,7 @@ const { Basic } = composeStories(stories);
 test("SVG 요소를 렌더링한다", () => {
   const { container } = render(<Basic />);
 
-  // eslint-disable-next-line testing-library/no-node-access
+  // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
   expect(container.querySelector("svg")).toBeInTheDocument();
 });
 
@@ -21,7 +21,7 @@ test.each([
 ] as const)("%s 크기에 올바른 클래스를 적용한다", (size, className) => {
   const { container } = render(<Basic size={size} />);
 
-  // eslint-disable-next-line testing-library/no-node-access
+  // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
   expect(container.querySelector("svg")).toHaveClass(className);
 });
 
@@ -35,7 +35,7 @@ test.each([
 ] as const)("%s 톤에 올바른 색상 클래스를 적용한다", (tone, className) => {
   const { container } = render(<Basic tone={tone} muted={false} />);
 
-  // eslint-disable-next-line testing-library/no-node-access
+  // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
   expect(container.querySelector("svg")).toHaveClass(className);
 });
 
@@ -45,7 +45,7 @@ test.each([
 ] as const)("muted가 %s일 때 올바른 클래스를 적용한다", (muted, className) => {
   const { container } = render(<Basic tone="neutral" muted={muted} />);
 
-  // eslint-disable-next-line testing-library/no-node-access
+  // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
   expect(container.querySelector("svg")).toHaveClass(className);
 });
 
@@ -66,7 +66,7 @@ test.each([
   "%s 톤과 muted=%s 조합으로 SVG 요소를 렌더링한다",
   (tone, muted) => {
     const { container } = render(<Basic tone={tone} muted={muted} />);
-    // eslint-disable-next-line testing-library/no-node-access
+    // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
     const svg = container.querySelector("svg");
 
     expect(svg).toBeInTheDocument();
@@ -88,7 +88,7 @@ test.each([
   ["info", true],
 ] as const)("%s 톤과 muted=%s 조합으로 class 속성을 가진다", (tone, muted) => {
   const { container } = render(<Basic tone={tone} muted={muted} />);
-  // eslint-disable-next-line testing-library/no-node-access
+  // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
   const svg = container.querySelector("svg");
 
   expect(svg).toHaveAttribute("class");
@@ -111,7 +111,7 @@ test.each([
   "%s 톤과 muted=%s 조합으로 색상 클래스를 포함한다",
   (tone, muted) => {
     const { container } = render(<Basic tone={tone} muted={muted} />);
-    // eslint-disable-next-line testing-library/no-node-access
+    // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
     const svg = container.querySelector("svg");
 
     const hasColorClass = Array.from(svg?.classList || []).some(