From bd73e4977d9aa768ec2fb9961a75cd952a97e5bb Mon Sep 17 00:00:00 2001
From: Leonardo Cardoso <leocardosoti@gmail.com>
Date: Wed, 13 Feb 2019 07:54:36 -0200
Subject: [PATCH] wip

---
 src/demo/App.js                            |  1 +
 src/lib/components/Animated-Number.js      | 12 ++++++++++--
 src/lib/components/Animated-Number.test.js |  8 ++++++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/demo/App.js b/src/demo/App.js
index 71f4b06..e77a42c 100644
--- a/src/demo/App.js
+++ b/src/demo/App.js
@@ -43,6 +43,7 @@ export default class App extends Component {
           value={this.state.value}
           formatValue={this.formatValue}
           duration={this.state.duration}
+          startFrom={5000}
         />
         <hr />
         <button
diff --git a/src/lib/components/Animated-Number.js b/src/lib/components/Animated-Number.js
index ac2683e..5369437 100644
--- a/src/lib/components/Animated-Number.js
+++ b/src/lib/components/Animated-Number.js
@@ -19,6 +19,7 @@ class AnimatedNumber extends Component {
     run: PropTypes.func,
     update: PropTypes.func,
     easing: PropTypes.string,
+    startFrom: PropTypes.number,
   };
 
   static defaultProps = {
@@ -30,6 +31,7 @@ class AnimatedNumber extends Component {
     update: defaultFunction,
     begin: defaultFunction,
     delay: 0,
+    startFrom: 0,
   };
 
   state = {
@@ -37,6 +39,8 @@ class AnimatedNumber extends Component {
   };
 
   componentDidMount = () => {
+    const { startFrom } = this.props;
+    target.animatedValue = startFrom;
     this.animateValue();
   };
 
@@ -45,7 +49,8 @@ class AnimatedNumber extends Component {
   };
 
   updateValue = (anima) => {
-    this.props.update(anima);
+    const { update } = this.props;
+    update(anima);
     const { animatedValue } = target;
     this.setState({ animatedValue });
   };
@@ -69,7 +74,10 @@ class AnimatedNumber extends Component {
   };
 
   render() {
-    return <span>{this.props.formatValue(Number(this.state.animatedValue))}</span>;
+    const { formatValue } = this.props;
+    const { animatedValue } = this.state;
+
+    return <span>{formatValue(Number(animatedValue))}</span>;
   }
 }
 
diff --git a/src/lib/components/Animated-Number.test.js b/src/lib/components/Animated-Number.test.js
index 0141a28..06d70d4 100644
--- a/src/lib/components/Animated-Number.test.js
+++ b/src/lib/components/Animated-Number.test.js
@@ -137,4 +137,12 @@ describe('AnimatedNumber', () => {
       done();
     }, 55);
   });
+
+  it('should startFrom 2000', () => {
+    const wrapper = shallow(<AnimatedNumber value={0} startFrom={2000} />);
+
+    wrapper.update();
+
+    expect(wrapper.text()).toBe('2000');
+  });
 });