test(theme): add tests for getCustomTheme

Author: brandyscarney

core/src/utils/theme.spec.ts

@@ -3,7 +3,136 @@ import { newSpecPage } from '@stencil/core/testing';
 import { CardContent } from '../components/card-content/card-content';
 import { Chip } from '../components/chip/chip';
 
-import { generateComponentThemeCSS, generateCSSVars, generateGlobalThemeCSS, injectCSS } from './theme';
+import { generateComponentThemeCSS, generateCSSVars, generateGlobalThemeCSS, getCustomTheme, injectCSS } from './theme';
+
+describe('getCustomTheme', () => {
+  it('should return the custom theme if no mode overrides exist', () => {
+    const customTheme = {
+      components: {
+        IonChip: {
+          hue: {
+            subtle: {
+              bg: 'red',
+              color: 'white',
+            },
+          },
+        },
+      },
+    };
+
+    const result = getCustomTheme(customTheme, 'ios');
+
+    expect(result).toEqual(customTheme);
+  });
+
+  it('should combine only with ios overrides if mode is ios', () => {
+    const customTheme = {
+      components: {
+        IonChip: {
+          hue: {
+            subtle: {
+              bg: 'red',
+              color: 'white',
+            },
+          },
+        },
+      },
+      ios: {
+        components: {
+          IonChip: {
+            hue: {
+              subtle: {
+                bg: 'blue',
+              },
+            },
+          },
+        },
+      },
+      md: {
+        components: {
+          IonChip: {
+            hue: {
+              subtle: {
+                bg: 'green',
+              },
+            },
+          },
+        },
+      },
+    };
+
+    const result = getCustomTheme(customTheme, 'ios');
+
+    const expected = {
+      components: {
+        IonChip: {
+          hue: {
+            subtle: {
+              bg: 'blue',
+              color: 'white',
+            },
+          },
+        },
+      },
+    };
+
+    expect(result).toEqual(expected);
+  });
+
+  it('should combine only with md overrides if mode is md', () => {
+    const customTheme = {
+      components: {
+        IonChip: {
+          hue: {
+            subtle: {
+              bg: 'red',
+              color: 'white',
+            },
+          },
+        },
+      },
+      ios: {
+        components: {
+          IonChip: {
+            hue: {
+              subtle: {
+                bg: 'blue',
+              },
+            },
+          },
+        },
+      },
+      md: {
+        components: {
+          IonChip: {
+            hue: {
+              subtle: {
+                bg: 'green',
+              },
+            },
+          },
+        },
+      },
+    };
+
+    const result = getCustomTheme(customTheme, 'md');
+
+    const expected = {
+      components: {
+        IonChip: {
+          hue: {
+            subtle: {
+              bg: 'green',
+              color: 'white',
+            },
+          },
+        },
+      },
+    };
+
+    expect(result).toEqual(expected);
+  });
+});
 
 describe('generateCSSVars', () => {
   it('should not generate CSS variables for an empty theme', () => {