Add missing React Native specific end props

kristerkari · Feb 21, 2018 · 64f0fb1 · 64f0fb1
1 parent bff3a2c
commit 64f0fb1
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 0 deletions.
diff --git a/src/__snapshots__/index.spec.js.snap b/src/__snapshots__/index.spec.js.snap
@@ -70,9 +70,17 @@ Array [
   "textDecorationStyle",
   "letterSpacing",
   "direction",
+  "end",
+  "start",
   "elevation",
+  "borderEndWidth",
+  "borderStartWidth",
   "borderStartColor",
   "borderEndColor",
+  "borderBottomEndRadius",
+  "borderBottomStartRadius",
+  "borderTopEndRadius",
+  "borderTopStartRadius",
   "textAlignVertical",
   "textShadowColor",
   "textShadowOffset",
@@ -83,8 +91,12 @@ Array [
   "shadowRadius",
   "marginHorizontal",
   "marginVertical",
+  "marginEnd",
+  "marginStart",
   "paddingHorizontal",
   "paddingVertical",
+  "paddingEnd",
+  "paddingStart",
   "decomposedMatrix",
   "transformMatrix",
   "resizeMode",
@@ -165,9 +177,17 @@ Array [
   "textDecorationStyle",
   "letterSpacing",
   "direction",
+  "end",
+  "start",
   "elevation",
+  "borderEndWidth",
+  "borderStartWidth",
   "borderStartColor",
   "borderEndColor",
+  "borderBottomEndRadius",
+  "borderBottomStartRadius",
+  "borderTopEndRadius",
+  "borderTopStartRadius",
   "textAlignVertical",
   "textShadowColor",
   "textShadowOffset",
@@ -178,8 +198,12 @@ Array [
   "shadowRadius",
   "marginHorizontal",
   "marginVertical",
+  "marginEnd",
+  "marginStart",
   "paddingHorizontal",
   "paddingVertical",
+  "paddingEnd",
+  "paddingStart",
   "decomposedMatrix",
   "transformMatrix",
   "resizeMode",

diff --git a/src/index.js b/src/index.js
@@ -97,9 +97,17 @@ export const fontProps = [
 export const writingModeProps = ["direction"];
 
 export const reactNativeProps = [
+  "end",
+  "start",
   "elevation",
+  "borderEndWidth",
+  "borderStartWidth",
   "borderStartColor",
   "borderEndColor",
+  "borderBottomEndRadius",
+  "borderBottomStartRadius",
+  "borderTopEndRadius",
+  "borderTopStartRadius",
   "textAlignVertical",
   "textShadowColor",
   "textShadowOffset",
@@ -110,8 +118,12 @@ export const reactNativeProps = [
   "shadowRadius",
   "marginHorizontal",
   "marginVertical",
+  "marginEnd",
+  "marginStart",
   "paddingHorizontal",
   "paddingVertical",
+  "paddingEnd",
+  "paddingStart",
   "decomposedMatrix",
   "transformMatrix",
   "resizeMode",

diff --git a/src/index.spec.js b/src/index.spec.js
@@ -1,9 +1,23 @@
 import { allProps, allCSS2RNProps } from "./index";
 
+const uniq = function(arrArg) {
+  return arrArg.filter(function(elem, pos, arr) {
+    return arr.indexOf(elem) == pos;
+  });
+};
+
 it("should have a flat array of all known React Native props", () => {
   expect(allProps).toMatchSnapshot();
 });
 
+it("should not have duplicate props in all known React Native props", () => {
+  expect(allProps).toEqual(uniq(allProps));
+});
+
 it("should have a flat array of all known css-to-react-native props", () => {
   expect(allCSS2RNProps).toMatchSnapshot();
 });
+
+it("should not have duplicate props in all known css-to-react-native props", () => {
+  expect(allCSS2RNProps).toEqual(uniq(allCSS2RNProps));
+});