@fluentui-react-native/win32-theme 0.19.2 → 0.21.0

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

@@ -0,0 +1,89 @@
+import { createOfficeTheme } from '../createOfficeTheme';
+import { createPartialOfficeTheme } from '../createPartialOfficeTheme';
+import { fallbackGetPalette, fallbackOfficeModule, getThemingModule } from '../NativeModule/index';
+import { createOfficeColorAliasTokens, createOfficeShadowAliasTokens } from '../createOfficeAliasTokens';
+import { createFontAliasTokens } from '../createFontAliasTokens';
+import { createBrandedThemeWithAlias, getCurrentBrandAliasTokens } from '../createBrandedThemeWithAlias';
+import { win32Typography } from '../getThemeTypography';
+
+const officeThemes = ['White', 'Colorful', 'DarkGray', 'Black', 'HighContrast'];
+const appPrimaries = ['#185abd', '#107c41', '#d83b01', '#80397b', '#0078d4', '#c43e1c'];
+
+it('win32Typography test', () => {
+  expect(win32Typography).toMatchSnapshot();
+});
+
+it('fallbackOfficeModule test', () => {
+  expect(fallbackOfficeModule).toMatchSnapshot();
+});
+
+it('getThemingModule test', () => {
+  const themingModule = getThemingModule();
+  expect(themingModule).toMatchSnapshot();
+});
+
+it('createPartialOfficeTheme test', () => {
+  const themingModule = getThemingModule();
+  const partialOfficeTheme = createPartialOfficeTheme(themingModule[0]);
+  expect(partialOfficeTheme).toMatchSnapshot;
+});
+
+it('createFontAliasTokens test', () => {
+  const fontAliasToken = createFontAliasTokens();
+  expect(fontAliasToken).toMatchSnapshot();
+});
+
+it('createOfficeTheme test', () => {
+  const officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
+  expect(officeTheme).toMatchSnapshot();
+});
+
+it.concurrent.each(officeThemes)('createBrandedThemeWithAlias test themeName: %s', async (themeName: string) => {
+  const officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
+  const brandedTheme = createBrandedThemeWithAlias(themeName, officeTheme);
+  expect(brandedTheme).toMatchSnapshot();
+});
+
+it.concurrent.each(officeThemes)('createOfficeColorAliasTokens test officeTheme: %s', async (themeName: string) => {
+  const colorAliasToken = createOfficeColorAliasTokens(themeName);
+  expect(colorAliasToken).toMatchSnapshot();
+});
+
+it.concurrent.each(officeThemes)('createOfficeShadowAliasTokens test officeTheme: %s', async (themeName: string) => {
+  const shadowAliasToken = createOfficeShadowAliasTokens(themeName);
+  expect(shadowAliasToken).toMatchSnapshot();
+});
+
+describe('fallbackGetPalette test', () => {
+  it('TaskPane palette', () => {
+    const fallbackPalette = fallbackGetPalette('TaskPane');
+    expect(fallbackPalette).toMatchSnapshot();
+  });
+
+  it('Random palette', () => {
+    /**
+     * RedColors is just a random pallette, we're just testing to see what happens
+     * if we use anything other than the TaskPane palette.
+     * */
+    const fallbackPalette = fallbackGetPalette('RedColors');
+    expect(fallbackPalette).toMatchSnapshot();
+  });
+});
+
+describe('getCurrentBrandAliasTokens test', () => {
+  it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s', async (appPrimary: string) => {
+    const brandAliasTokens = getCurrentBrandAliasTokens('White', appPrimary);
+    expect(brandAliasTokens).toMatchSnapshot();
+  });
+
+  it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', async (appPrimary: string) => {
+    const brandAliasTokens = getCurrentBrandAliasTokens('Colorful', appPrimary);
+    expect(brandAliasTokens).toMatchSnapshot();
+  });
+
+  // Tests the variation of the alias tokens for when isWhiteOrColorfulTheme is not true
+  it.concurrent.each(appPrimaries)('themeName: null, appPrimary: %s', async (appPrimary: string) => {
+    const brandAliasTokens = getCurrentBrandAliasTokens(null, appPrimary);
+    expect(brandAliasTokens).toMatchSnapshot();
+  });
+});

package/src/createAliasesFromPalette.ts

@@ -4,19 +4,7 @@ export function createAliasesFromPalette(palette: OfficePalette, isHighContrast:
   // Workaround for getting checkmark to have correct color in HC
   // while native code doesn't support PlatformColor
   if (isHighContrast) {
-    return {
-      neutralForeground1: palette.Text,
-      neutralForeground1Hover: palette.TextHover,
-      neutralForeground1Pressed: palette.TextPressed,
-      neutralForeground1Selected: palette.TextSelected,
-      neutralForeground2: palette.TextSecondary,
-      neutralForeground3: palette.TextSecondary,
-      neutralForeground4: palette.TextCtlSubtlePlaceholder,
-      neutralForegroundDisabled: palette.TextDisabled,
-      neutralForegroundOnBrand: palette.TextCtlEmphasis,
-      neutralForegroundOnBrandHover: palette.TextCtlEmphasisHover,
-      neutralForegroundOnBrandPressed: palette.TextCtlEmphasisPressed,
-    };
+    return {};
   }
 
   return {