PullToRefresh: set backgroundColor as optional

.gitignore

 .idea
 dist
 node_modules
+yarn-error.log

__tests__/components/PullToRefresh.spec.tsx

@@ -14,6 +14,7 @@ describe("PullToRefresh spec", () => {
                     releaseContent={<div>Release to refresh</div>}
                     refreshContent={<div>Refreshing</div>}
                     pullDownThreshold={200}
+                    backgroundColor="white"
                 >
                     <div>Test</div>
                 </PullToRefresh>

__tests__/components/__snapshots__/PullToRefresh.spec.tsx.snap

@@ -5,6 +5,7 @@ exports[`PullToRefresh spec App shows PullToRefresh 1`] = `
   style={
     Object {
       "WebkitOverflowScrolling": "touch",
+      "backgroundColor": "white",
       "height": "auto",
       "overflow": "hidden",
       "position": "relative",
@@ -31,6 +32,7 @@ exports[`PullToRefresh spec App shows PullToRefresh 1`] = `
     style={
       Object {
         "WebkitOverflowScrolling": "touch",
+        "backgroundColor": "white",
         "height": "auto",
         "overflow": "hidden",
         "position": "relative",

examples/Basic.tsx

@@ -24,6 +24,7 @@ export class Basic extends React.Component<BasicProps, BasicState> {
                     refreshContent={<RefreshContent />}
                     pullDownThreshold={200}
                     onRefresh={this.onRefresh}
+                    backgroundColor="white"
                 >
                     <Container>
                         <Label>PullToRefresh</Label>

jestconfig.json

@@ -3,6 +3,9 @@
     "^.+\\.tsx?$": "ts-jest"
   },
   "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx)$",
+  "testPathIgnorePatterns": [
+    "dist"
+  ],
   "coverageReporters": [
     "html",
     "json",

package.json

@@ -6,11 +6,9 @@
   "typings": "./dist/src/index.d.ts",
   "scripts": {
     "dev": "webpack-dev-server",
-    "lint": "tslint --project .",
-    "clean": "rimraf dist",
-    "tsc": "npm run clean && tsc -p .",
-    "test": "rimraf dist && npm run lint && jest --config=jestconfig.json",
-    "prepublish": "npm test && npm run tsc"
+    "pretest": "rimraf dist && tslint --project . && tsc -p .",
+    "test": "jest --config=jestconfig.json",
+    "prepublish": "npm test"
   },
   "repository": {
     "type": "git",

src/components/PullToRefresh.tsx

@@ -7,6 +7,7 @@ export interface PullToRefreshProps {
     refreshContent: JSX.Element;
     pullDownThreshold: number;
     onRefresh: () => Promise<any>;
+    backgroundColor?: string;
 }
 
 export interface PullToRefreshState {
@@ -178,6 +179,7 @@ export class PullToRefresh extends React.Component<PullToRefreshProps, PullToRef
     }
 
     public render() {
+        const {backgroundColor} = this.props;
         const containerStyle: React.CSSProperties = {
             height: "auto",
             overflow: "hidden",
@@ -186,6 +188,10 @@ export class PullToRefresh extends React.Component<PullToRefreshProps, PullToRef
             zIndex: 1,
         };
 
+        if (backgroundColor) {
+            containerStyle.backgroundColor = backgroundColor;
+        }
+
         return (
             <div style={containerStyle}>
                 {this.renderPullDownContent()}