@fluentui-react-native/default-theme 0.14.0 → 0.15.0

package/src/__tests__/default-theme.test.ts

@@ -0,0 +1,48 @@
+import { defaultFluentTheme, defaultFluentDarkTheme } from '../defaultTheme';
+import { createDefaultTheme } from '../createDefaultTheme';
+import { createColorAliasTokens, createShadowAliasTokens } from '../createAliasTokens';
+import { ThemeOptions, AppearanceOptions } from '@fluentui-react-native/theme-types';
+
+const defaultThemeOptions: ThemeOptions[][] = [
+  [{ appearance: 'light', defaultAppearance: 'light' }],
+  [{ appearance: 'dark', defaultAppearance: 'light' }],
+  [{ appearance: 'highContrast', defaultAppearance: 'light' }],
+  [{ appearance: undefined, defaultAppearance: 'light' }],
+  [{ appearance: 'dynamic', defaultAppearance: 'light' }],
+];
+
+const appearanceOptions: AppearanceOptions[] = ['light', 'dark', 'highContrast'];
+
+beforeAll(() => {
+  jest.mock('react-native/Libraries/Utilities/Appearance', () => ({
+    getColorScheme: () => 'dark',
+    addChangeListener: () => null,
+  }));
+});
+
+it('defaultFluentTheme test', () => {
+  expect(defaultFluentTheme).toMatchSnapshot();
+});
+
+it('defaultFluentDarkTheme test', () => {
+  expect(defaultFluentDarkTheme).toMatchSnapshot();
+});
+
+describe('createDefaultTheme test', () => {
+  it.concurrent.each(defaultThemeOptions)('themeOption - %o', async (themeOption: ThemeOptions) => {
+    const defaultTheme = createDefaultTheme(themeOption).theme;
+    expect(defaultTheme).toMatchSnapshot();
+  });
+});
+
+describe('createColorAliasTokens test', () => {
+  it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption: AppearanceOptions) => {
+    expect(createColorAliasTokens(appearanceOption)).toMatchSnapshot();
+  });
+});
+
+describe('createShadowAliasTokens test', () => {
+  it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption: AppearanceOptions) => {
+    expect(createShadowAliasTokens(appearanceOption)).toMatchSnapshot();
+  });
+});