Fix for CI

Author: kuy

examples/place/app.js

@@ -46,9 +46,11 @@ class App extends Component {
           The 'place' prop <Origin className="target auto-string" place="left,bottom">can</Origin> be also passed as a comma separated string.
         </p>
 
-        <div ref="restricted" style={{ width: '388px', height: '160px', backgroundColor: 'lightgray', padding: '16px', position: 'relative' }}>
+        <div ref="restricted" style={{ width: '420px', height: '160px', backgroundColor: 'lightgray', padding: '16px', position: 'relative' }}>
           In default, <Origin name="restricted" className="target auto-top" place="top">redux-tooltip</Origin> supposes you want to do auto-placement within the browser window.<br /><br />
-          Using <code>within</code> prop, you can specify <Origin name="restricted" className="target auto-right" place="right">DOM element</Origin> instead of BODY element.
+          <div style={{ position: 'absolute', right: '16px' }}>
+            <Origin name="restricted" className="target auto-right" place="right">right edge --&gt;</Origin>
+          </div>
           <div style={{ position: 'absolute', bottom: '16px' }}>
             <Origin name="restricted" className="target auto-bottom" place="bottom">This</Origin> is a bottom origin.
           </div>
@@ -58,15 +60,15 @@ class App extends Component {
           This is a <b>restricted</b> tooltip.
         </Tooltip>
 
-        <div ref="more" style={{ width: '388px', backgroundColor: 'lightgray', marginTop: '14px', padding: '16px' }}>
+        <div ref="more" style={{ width: '420px', backgroundColor: 'lightgray', marginTop: '14px', padding: '16px' }}>
           Two or <Origin name="more" className="target auto-more" place={['left', 'top', 'bottom', 'right']}>more fallbacks</Origin> also works well.
         </div>
 
         <Tooltip name="more" within={() => this.refs.more}>
           This is a <b>more</b> tooltip.
         </Tooltip>
 
-        <div ref="disabled" style={{ width: '388px', backgroundColor: 'lightgray', marginTop: '14px', padding: '16px' }}>
+        <div ref="disabled" style={{ width: '420px', backgroundColor: 'lightgray', marginTop: '14px', padding: '16px' }}>
           The <Origin name="disabled" className="target auto-disabled" place="left">auto placement</Origin> feature can be disabled by passing <b>false</b> to <code>auto</code> prop.
         </div>
 

tests/feature/place.js

@@ -189,7 +189,7 @@ describe('Place Example', () => {
 
       const rightTipPos = position(tooltip);
       const rightOriPos = position(right);
-      assert(rightTipPos.bottom < rightOriPos.top, 'tooltip should be located top of the origin');
+      assert(rightTipPos.right < rightOriPos.left, 'tooltip should be located left of the origin');
 
       // Mouseover to bottom
       const bottom = firstComponent(tree, Origin.WrappedComponent, { className: 'target auto-bottom' }).refs.wrapper;