test(Copy): update assertions

carbon-design-system · Nov 21, 2019 · 086aee1 · 086aee1
1 parent 86c6ee4
commit 086aee1
Showing 1 changed file with 12 additions and 18 deletions.
diff --git a/packages/react/src/components/Copy/Copy-test.js b/packages/react/src/components/Copy/Copy-test.js
@@ -52,38 +52,32 @@ describe('Copy', () => {
     it('Should be able to specify the feedback message', () => {
       const feedbackWrapper = mount(<Copy feedback="Copied!" />);
       expect(
-        feedbackWrapper.find(`.${prefix}--btn--copy__feedback`).props()[
-          'data-feedback'
-        ]
+        feedbackWrapper.find(`.${prefix}--copy-btn__feedback`).text()
       ).toBe('Copied!');
     });
   });
 
   describe('Renders feedback as expected', () => {
     it('Should make the feedback visible', () => {
       const feedbackWrapper = mount(<Copy feedback="Copied!" />);
-      const feedback = () =>
-        feedbackWrapper.find(`.${prefix}--btn--copy__feedback`);
-      expect(
-        feedback().hasClass(`${prefix}--btn--copy__feedback--displayed`)
-      ).toBe(false);
-      feedbackWrapper.setState({ showFeedback: true });
-      expect(
-        feedback().hasClass(`${prefix}--btn--copy__feedback--displayed`)
-      ).toBe(true);
+      const feedback = feedbackWrapper.find(`.${prefix}--copy-btn__feedback`);
+      expect(feedback).toBeFalsy;
+      feedbackWrapper.simulate('click');
+      expect(feedback).toBeTruthy;
     });
 
     it('Should show feedback for a limited amount of time', () => {
       const feedbackWrapper = mount(
         <Copy feedback="Copied!" feedbackTimeout={5000} />
       );
-      expect(feedbackWrapper.state().showFeedback).toBe(false);
       feedbackWrapper.simulate('click');
-      expect(feedbackWrapper.state().showFeedback).toBe(true);
-      expect(setTimeout.mock.calls.length).toBe(2);
-      expect(setTimeout.mock.calls[1][1]).toBe(5000);
-      jest.runAllTimers();
-      expect(feedbackWrapper.state().showFeedback).toBe(false);
+      const copyButton = feedbackWrapper.find('button');
+      expect(copyButton.hasClass(`${prefix}--copy-btn--animating`)).toBe(true);
+      setTimeout(() => {
+        expect(copyButton.hasClass(`${prefix}--copy-btn--animating`)).toBe(
+          false
+        );
+      }, 5220); // 5000 + 2 * 110 (transition duration)
     });
   });