Merge pull request code-dot-org#26720 from code-dot-org/remove-react-applab-crosshair-overlay

Removed react-test-utils from AppLabCrosshairOverlayTest.js

Author: jmkulwik

apps/test/unit/applab/AppLabCrosshairOverlayTest.js

@@ -1,9 +1,8 @@
 import {expect} from '../../util/configuredChai';
 import sinon from 'sinon';
 import React from 'react';
-import ReactTestUtils from 'react-addons-test-utils';
+import {shallow} from 'enzyme';
 import AppLabCrosshairOverlay from '@cdo/apps/applab/AppLabCrosshairOverlay';
-import CrosshairOverlay from '@cdo/apps/templates/CrosshairOverlay';
 // ES5-style require necessary to stub gridUtils.draggedElementDropPoint
 var gridUtils = require('@cdo/apps/applab/gridUtils');
 
@@ -12,10 +11,9 @@ describe('AppLabCrosshairOverlay', () => {
       TEST_APP_HEIGHT = Math.random(),
       TEST_MOUSE_X = Math.random(),
       TEST_MOUSE_Y = Math.random();
-  var renderer, stubDraggedElementDropPoint;
+  var stubDraggedElementDropPoint;
 
   beforeEach(() => {
-    renderer = ReactTestUtils.createRenderer();
     stubDraggedElementDropPoint = sinon.stub(gridUtils, 'draggedElementDropPoint');
   });
 
@@ -25,45 +23,43 @@ describe('AppLabCrosshairOverlay', () => {
 
   it('renders to CrosshairOverlay with unmodified properties when not dragging', () => {
     stubDraggedElementDropPoint.returns(null);
-    renderer.render(
+    var element = shallow(
         <AppLabCrosshairOverlay
           width={TEST_APP_WIDTH}
           height={TEST_APP_HEIGHT}
           mouseX={TEST_MOUSE_X}
           mouseY={TEST_MOUSE_Y}
         />
     );
-    const result = renderer.getRenderOutput();
-    expect(result).to.deep.equal(
-        <CrosshairOverlay
-          width={TEST_APP_WIDTH}
-          height={TEST_APP_HEIGHT}
-          mouseX={TEST_MOUSE_X}
-          mouseY={TEST_MOUSE_Y}
-        />
-    );
+
+    var overlay = element.find('CrosshairOverlay');
+    var props = overlay.props();
+    expect(overlay.length).to.equal(1);
+    expect(props.width).to.equal(TEST_APP_WIDTH);
+    expect(props.height).to.equal(TEST_APP_HEIGHT);
+    expect(props.mouseX).to.equal(TEST_MOUSE_X);
+    expect(props.mouseY).to.equal(TEST_MOUSE_Y);
   });
 
   it('renders to CrosshairOverlay with overridden mouse coordinates when dragging', () => {
     const dropPointX = 42;
     const dropPointY = 43;
     stubDraggedElementDropPoint.returns({ left: dropPointX, top: dropPointY });
-    renderer.render(
+    var element = shallow(
         <AppLabCrosshairOverlay
           width={TEST_APP_WIDTH}
           height={TEST_APP_HEIGHT}
           mouseX={TEST_MOUSE_X}
           mouseY={TEST_MOUSE_Y}
         />
     );
-    const result = renderer.getRenderOutput();
-    expect(result).to.deep.equal(
-        <CrosshairOverlay
-          width={TEST_APP_WIDTH}
-          height={TEST_APP_HEIGHT}
-          mouseX={dropPointX}
-          mouseY={dropPointY}
-        />
-    );
+
+    var overlay = element.find('CrosshairOverlay');
+    var props = overlay.props();
+    expect(overlay.length).to.equal(1);
+    expect(props.width).to.equal(TEST_APP_WIDTH);
+    expect(props.height).to.equal(TEST_APP_HEIGHT);
+    expect(props.mouseX).to.equal(dropPointX);
+    expect(props.mouseY).to.equal(dropPointY);
   });
 });