use explicit assertions in AccordionItemTitle tests instead of snapshots

Author: ryami333

src/AccordionItemTitle/__snapshots__/accordion-item-title.spec.js.snap

@@ -1,41 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AccordionItemTitle doesn't respect hideBodyClassName when collapsed 1`] = `
-<div
-  aria-controls="accordion__body-item-two-uuid"
-  aria-expanded={true}
-  className="accordion__title"
-  disabled={false}
-  id="accordion__title-item-two-uuid"
-  onClick={[Function]}
-  onKeyPress={[Function]}
-  role="button"
-  tabIndex="0"
->
-  <div>
-    Fake title
-  </div>
-</div>
-`;
-
-exports[`AccordionItemTitle renders correctly with different className 1`] = `
-<div
-  aria-controls="accordion__body-item-one-uuid"
-  aria-expanded={false}
-  className="testCSSClass"
-  disabled={false}
-  id="accordion__title-item-one-uuid"
-  onClick={[Function]}
-  onKeyPress={[Function]}
-  role="button"
-  tabIndex="0"
->
-  <div>
-    Fake Title
-  </div>
-</div>
-`;
-
 exports[`AccordionItemTitle renders correctly with min params 1`] = `
 <div
   aria-controls="accordion__body-item-one-uuid"
@@ -53,21 +17,3 @@ exports[`AccordionItemTitle renders correctly with min params 1`] = `
   </div>
 </div>
 `;
-
-exports[`AccordionItemTitle renders with different hideBodyClassName 1`] = `
-<div
-  aria-controls="accordion__body-item-one-uuid"
-  aria-expanded={false}
-  className="accordion__title testCSSClass--hidden"
-  disabled={false}
-  id="accordion__title-item-one-uuid"
-  onClick={[Function]}
-  onKeyPress={[Function]}
-  role="button"
-  tabIndex="0"
->
-  <div>
-    Fake title
-  </div>
-</div>
-`;

src/AccordionItemTitle/accordion-item-title.spec.js

@@ -46,48 +46,39 @@ describe('AccordionItemTitle', () => {
     });
 
     it('renders correctly with different className', () => {
-        const tree = renderer
-            .create(
-                <AccordionItemTitle
-                    className="testCSSClass"
-                    accordionStore={accordionStore}
-                    uuid="item-one-uuid"
-                >
-                    <div>Fake Title</div>
-                </AccordionItemTitle>,
-            )
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+        const className = 'className';
+        const wrapper = mount(
+            <AccordionItemTitle
+                className={className}
+                accordionStore={accordionStore}
+                uuid="item-one-uuid"
+            />,
+        );
+        expect(wrapper.find('div').hasClass(className)).toEqual(true);
     });
 
     it('renders with different hideBodyClassName', () => {
-        const tree = renderer
-            .create(
-                <AccordionItemTitle
-                    hideBodyClassName="testCSSClass--hidden"
-                    accordionStore={accordionStore}
-                    uuid="item-one-uuid"
-                >
-                    <div>Fake title</div>
-                </AccordionItemTitle>,
-            )
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+        const hideBodyClassName = 'hideBodyClassName';
+        const wrapper = mount(
+            <AccordionItemTitle
+                hideBodyClassName={hideBodyClassName}
+                accordionStore={accordionStore}
+                uuid="item-one-uuid"
+            />,
+        );
+        expect(wrapper.find('div').hasClass(hideBodyClassName)).toEqual(true);
     });
 
-    it("doesn't respect hideBodyClassName when collapsed", () => {
-        const tree = renderer
-            .create(
-                <AccordionItemTitle
-                    hideBodyClassName="testCSSClass--hidden"
-                    accordionStore={accordionStore}
-                    uuid="item-two-uuid"
-                >
-                    <div>Fake title</div>
-                </AccordionItemTitle>,
-            )
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+    it("doesn't present hideBodyClassName when collapsed", () => {
+        const hideBodyClassName = 'hideBodyClassName';
+        const wrapper = mount(
+            <AccordionItemTitle
+                hideBodyClassName={hideBodyClassName}
+                accordionStore={accordionStore}
+                uuid="item-two-uuid"
+            />,
+        );
+        expect(wrapper.find('div').hasClass(hideBodyClassName)).toEqual(false);
     });
 
     it('renders correctly when pressing enter', async () => {