test: optimize test case names

Author: zetlen

src/Content/__tests__/RichContent.test.js

@@ -6,13 +6,16 @@ import Adapter from 'enzyme-adapter-react-16';
 configure({ adapter: new Adapter() });
 
 test('Renders raw HTML in a wrapper element', () => {
-    let wrapper = mount(
+    const wrapper = mount(
         <RichContent sanitizedRawHtml="<h1 id='o-no'>Raw!!!</h1>" />
     );
     expect(wrapper.html()).toEqual(
         '<span class="peregrine-raw-html"><h1 id="o-no">Raw!!!</h1></span>'
     );
-    wrapper = mount(
+});
+
+test('Favors React.Element children over raw HTML when both are present', () => {
+    const wrapper = mount(
         <RichContent sanitizedRawHtml="<h1 id='o-no'><span>Raw!!!</span></h1>">
             {null}
         </RichContent>
@@ -23,7 +26,7 @@ test('Renders raw HTML in a wrapper element', () => {
 });
 
 test('Takes DOM properties for a custom wrapper element', () => {
-    let wrapper = mount(
+    const wrapper = mount(
         <RichContent
             sanitizedRawHtml="<h1 id='o-no'>Raw!!!</h1>"
             wrapperTag="article"
@@ -32,7 +35,10 @@ test('Takes DOM properties for a custom wrapper element', () => {
     expect(wrapper.html()).toEqual(
         '<article class="peregrine-raw-html"><h1 id="o-no">Raw!!!</h1></article>'
     );
-    wrapper = mount(
+});
+
+test('Custom wrapper element still wraps raw HTML when null children present', () => {
+    const wrapper = mount(
         <RichContent
             sanitizedRawHtml="<h1 id='o-no'>Raw!!!</h1>"
             wrapperTag="div"
@@ -52,7 +58,7 @@ test('Takes DOM properties for a custom wrapper element', () => {
 });
 
 test('Replaces raw HTML with live children', () => {
-    let wrapper = mount(
+    const wrapper = mount(
         <RichContent sanitizedRawHtml="<h1 id='o-no'>Raw!!!</h1>">
             <p className="woah" style={{ marginTop: '10px' }}>
                 test inner text
@@ -62,8 +68,10 @@ test('Replaces raw HTML with live children', () => {
     expect(wrapper.html()).toEqual(
         '<p class="woah" style="margin-top: 10px;">test inner text</p>'
     );
+});
 
-    wrapper = mount(
+test('Replaces raw HTML with live children and does not wrap with custom element', () => {
+    const wrapper = mount(
         <RichContent
             wrapperTag="i"
             sanitizedRawHtml="<h1 id='o-no'>Raw!!!</h1>"