diff --git a/components/progress_bar/__test__/index.spec.js b/components/progress_bar/__test__/index.spec.js
index 818be64f..16791669 100644
--- a/components/progress_bar/__test__/index.spec.js
+++ b/components/progress_bar/__test__/index.spec.js
@@ -38,8 +38,6 @@ describe('ProgressBar', () => {
     it('renders the value and buffer bars when it is linear', () => {
       wrapper = utils.shallowRenderComponent(RawProgressBar, { theme }).props.children;
       expect(wrapper.props.children.length).toEqual(2);
-      expect(wrapper.props.children[0].ref).toEqual('buffer');
-      expect(wrapper.props.children[1].ref).toEqual('value');
     });
 
     it('renders the value and buffer bars when it is linear', () => {
diff --git a/components/slider/__tests__/index.spec.js b/components/slider/__tests__/index.spec.js
index d662191d..8d500c0e 100644
--- a/components/slider/__tests__/index.spec.js
+++ b/components/slider/__tests__/index.spec.js
@@ -117,23 +117,23 @@ describe('Slider', () => {
     });
 
     it('sets pressed state when knob is clicked', () => {
-      TestUtils.Simulate.mouseDown(slider.refs.knob);
+      TestUtils.Simulate.mouseDown(slider.knobNode);
       expect(slider.state.pressed).toEqual(true);
     });
 
     it('sets pressed state when knob is touched', () => {
-      TestUtils.Simulate.touchStart(slider.refs.knob, { touches: [{ pageX: 200 }] });
+      TestUtils.Simulate.touchStart(slider.knobNode, { touches: [{ pageX: 200 }] });
       expect(slider.state.pressed).toEqual(true);
     });
 
     it('sets a proper value when the slider is clicked', () => {
-      TestUtils.Simulate.mouseDown(slider.refs.slider, { pageX: 200 });
+      TestUtils.Simulate.mouseDown(slider.sliderNode, { pageX: 200 });
       expect(onChange.called).toEqual(true);
       expect(onChange.getCall(0).args[0]).toEqual(-300);
     });
 
     it('sets a proper value when the slider is touched', () => {
-      TestUtils.Simulate.touchStart(slider.refs.slider, { touches: [{ pageX: 200, pageY: 0 }] });
+      TestUtils.Simulate.touchStart(slider.sliderNode, { touches: [{ pageX: 200, pageY: 0 }] });
       expect(onChange.called).toEqual(true);
       expect(onChange.getCall(0).args[0]).toEqual(-300);
     });
@@ -144,7 +144,7 @@ describe('Slider', () => {
       slider.setState({ sliderStart: 0, sliderLength: 1000 });
       slider.handleResize = (event, callback) => { callback(); };
       input = TestUtils.findRenderedComponentWithType(slider, Input);
-      TestUtils.Simulate.mouseDown(slider.refs.slider, { pageX: 900 });
+      TestUtils.Simulate.mouseDown(slider.sliderNode, { pageX: 900 });
       expect(onChange.called).toEqual(true);
       expect(onChange.getCall(0).args[0]).toEqual(90);
     });
@@ -153,8 +153,8 @@ describe('Slider', () => {
       const tree = TestUtils.renderIntoDocument(<Slider editable value={50} onChange={onChange} />);
       slider = TestUtils.findRenderedComponentWithType(tree, RawSlider);
       input = TestUtils.findRenderedComponentWithType(slider, RawInput);
-      TestUtils.Simulate.change(input.refs.input, { target: { value: '80' } });
-      TestUtils.Simulate.blur(input.refs.input);
+      TestUtils.Simulate.change(input.inputNode, { target: { value: '80' } });
+      TestUtils.Simulate.blur(input.inputNode);
       expect(onChange.called).toEqual(true);
       expect(onChange.getCall(0).args[0]).toEqual(80);
     });
@@ -164,7 +164,7 @@ describe('Slider', () => {
       const tree = TestUtils.renderIntoDocument(<Slider onChange={onChangeSpy} />);
       slider = TestUtils.findRenderedComponentWithType(tree, RawSlider);
       slider.setState({ sliderStart: 0, sliderLength: 1000 });
-      TestUtils.Simulate.mouseDown(slider.refs.slider, { pageX: 900 });
+      TestUtils.Simulate.mouseDown(slider.sliderNode, { pageX: 900 });
       expect(onChangeSpy.called).toEqual(true);
     });
   });
diff --git a/components/utils/testing.js b/components/utils/testing.js
index e3ab7658..baa2f8a0 100644
--- a/components/utils/testing.js
+++ b/components/utils/testing.js
@@ -10,9 +10,10 @@ export default {
 
   shallowRenderComponent(component, props, ...children) {
     const shallowRenderer = TestUtils.createRenderer();
-    return shallowRenderer.render(React.createElement(component, props, children.length > 1
+    shallowRenderer.render(React.createElement(component, props, children.length > 1
       ? children
       : children[0],
-    )).getRenderOutput();
+    ));
+    return shallowRenderer.getRenderOutput();
   },
 };