test getShadow (#397)

platformbuilders · Jun 17, 2023 · 05790ae · 05790ae
1 parent b4adfdf
commit 05790ae
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 6 deletions.
diff --git a/src/native/__tests__/getShadow.spec.ts b/src/native/__tests__/getShadow.spec.ts
@@ -0,0 +1,37 @@
+import { defaultShadowProps, getShadow } from '../getShadow';
+
+describe('getShadow', () => {
+  it('should return default options', () => {
+    const shadowMock = `
+    shadow-offset: ${defaultShadowProps.xOffset}px ${defaultShadowProps.yOffset}px;
+    shadow-opacity: ${defaultShadowProps.shadowOpacity};
+    shadow-radius: ${defaultShadowProps.shadowRadius}px;
+    shadow-color: ${defaultShadowProps.shadowColor};
+    elevation: ${defaultShadowProps.elevation};
+    `;
+    const shadow = getShadow();
+
+    expect(shadow.replace(/\s/g, '')).toBe(shadowMock.replace(/\s/g, ''));
+  });
+
+  it('should return shadow with another options', () => {
+    const shadowOptions = {
+      xOffset: 1,
+      yOffset: 2,
+      shadowRadius: 6,
+      shadowOpacity: 0.7,
+      shadowColor: '#FFF',
+      elevation: 1,
+    };
+    const shadowMock = `
+    shadow-offset: ${shadowOptions.xOffset}px ${shadowOptions.yOffset}px;
+    shadow-opacity: ${shadowOptions.shadowOpacity};
+    shadow-radius: ${shadowOptions.shadowRadius}px;
+    shadow-color: ${shadowOptions.shadowColor};
+    elevation: ${shadowOptions.elevation};
+    `;
+    const shadow = getShadow(shadowOptions);
+
+    expect(shadow.replace(/\s/g, '')).toBe(shadowMock.replace(/\s/g, ''));
+  });
+});
diff --git a/src/native/getShadow.ts b/src/native/getShadow.ts
@@ -16,10 +16,12 @@ export const defaultShadowProps = {
   elevation: 3,
 };
 
-export const getShadow = (defaultShadowProps: GetShadowType = {}): string => `
-  shadow-offset: ${defaultShadowProps.xOffset}px ${defaultShadowProps.yOffset}px;
-  shadow-opacity: ${defaultShadowProps.shadowOpacity};
-  shadow-radius: ${defaultShadowProps.shadowRadius}px;
-  shadow-color: ${defaultShadowProps.shadowColor};
-  elevation: ${defaultShadowProps.elevation};
+export const getShadow = (
+  shadowOptions: GetShadowType = defaultShadowProps,
+): string => `
+  shadow-offset: ${shadowOptions.xOffset}px ${shadowOptions.yOffset}px;
+  shadow-opacity: ${shadowOptions.shadowOpacity};
+  shadow-radius: ${shadowOptions.shadowRadius}px;
+  shadow-color: ${shadowOptions.shadowColor};
+  elevation: ${shadowOptions.elevation};
 `;