refactor(test): add AppProvider to TestProvider

packages/bezier-react/src/components/Forms/Slider/Slider.test.tsx

@@ -6,7 +6,6 @@ import {
 } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 
-import { LightThemeProvider } from '~/src/providers/ThemeProvider'
 import { render } from '~/src/utils/test'
 
 import {
@@ -17,9 +16,7 @@ import type SliderProps from './Slider.types'
 
 describe('Slider', () => {
   const renderSlider = (props?: Partial<SliderProps>) => render(
-    <LightThemeProvider>
-      <Slider {...props} />
-    </LightThemeProvider>,
+    <Slider {...props} />,
   )
 
   let user: ReturnType<typeof userEvent.setup>

packages/bezier-react/src/components/Forms/Slider/__snapshots__/Slider.test.tsx.snap

@@ -108,7 +108,6 @@ exports[`Slider Snapshot should match snapshot 1`] = `
   <span
     aria-disabled="false"
     class="c0"
-    data-bezier-theme="light"
     data-orientation="horizontal"
     data-testid="bezier-react-slider"
     dir="ltr"

packages/bezier-react/src/components/KeyValueListItem/KeyValueListItem.test.tsx

@@ -7,7 +7,6 @@ import {
 import { waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 
-import { LightThemeProvider } from '~/src/providers/ThemeProvider'
 import { render } from '~/src/utils/test'
 
 import KeyValueListItem from './KeyValueListItem'
@@ -23,15 +22,11 @@ const DEFAULT_PROPS: KeyValueListItemProps = {
 }
 
 const renderComponent = (optionProps?: Partial<KeyValueListItemProps>) => render(
-  <LightThemeProvider>
-    <KeyValueListItem {...DEFAULT_PROPS} {...optionProps} />
-  </LightThemeProvider>,
+  <KeyValueListItem {...DEFAULT_PROPS} {...optionProps} />,
 )
 
 const renderMultilineComponent = (optionProps?: Partial<KeyValueListItemProps>) => render(
-  <LightThemeProvider>
-    <KeyValueMultiLineListItem {...DEFAULT_PROPS} {...optionProps} />
-  </LightThemeProvider>,
+  <KeyValueMultiLineListItem {...DEFAULT_PROPS} {...optionProps} />,
 )
 
 describe('KeyValueListItem', () => {

packages/bezier-react/src/components/KeyValueListItem/__snapshots__/KeyValueListItem.test.tsx.snap

@@ -92,7 +92,6 @@ exports[`KeyValueListItem Snapshot > 1`] = `
 
 <div
   class="c0 c1"
-  data-bezier-theme="light"
   data-testid="bezier-react-key-value-list-item"
 >
   <div

packages/bezier-react/src/components/Tooltip/Tooltip.test.tsx

@@ -6,7 +6,6 @@ import {
 } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 
-import { LightThemeProvider } from '~/src/providers/ThemeProvider'
 import { render } from '~/src/utils/test'
 
 import {
@@ -23,16 +22,14 @@ describe('Tooltip', () => {
     children,
     ...rest
   }: TooltipProps = {}) => render(
-    <LightThemeProvider>
-      <Tooltip
-        delayShow={0}
-        {...rest}
-      >
-        <button type="button">
-          Trigger
-        </button>
-      </Tooltip>
-    </LightThemeProvider>,
+    <Tooltip
+      delayShow={0}
+      {...rest}
+    >
+      <button type="button">
+        Trigger
+      </button>
+    </Tooltip>,
   )
 
   let user: ReturnType<typeof userEvent.setup>
@@ -159,19 +156,16 @@ describe('TooltipProvider', () => {
     children,
     ...rest
   }: TooltipProviderProps = {}) => render(
-    <LightThemeProvider>
-
-      <TooltipProvider
-        delayShow={0}
-        {...rest}
-      >
-        <Tooltip content="tooltip content">
-          <button type="button">
-            Trigger
-          </button>
-        </Tooltip>
-      </TooltipProvider>
-    </LightThemeProvider>,
+    <TooltipProvider
+      delayShow={0}
+      {...rest}
+    >
+      <Tooltip content="tooltip content">
+        <button type="button">
+          Trigger
+        </button>
+      </Tooltip>
+    </TooltipProvider>,
   )
 
   let user: ReturnType<typeof userEvent.setup>

packages/bezier-react/src/utils/test.tsx

@@ -7,14 +7,17 @@ import {
 
 import { LightFoundation } from '~/src/foundation'
 
+import { AppProvider } from '~/src/providers/AppProvider'
 import BezierProvider from '~/src/providers/BezierProvider'
 import { type ChildrenProps } from '~/src/types/ComponentProps'
 
 function TestProviders({ children }: ChildrenProps) {
   return (
-    <BezierProvider foundation={LightFoundation}>
-      { children }
-    </BezierProvider>
+    <AppProvider>
+      <BezierProvider foundation={LightFoundation}>
+        { children }
+      </BezierProvider>
+    </AppProvider>
   )
 }