Fix .isEmpty() deprecation warnings

Author: marinaaisa

tests/unit/components/Asset.spec.js

@@ -55,7 +55,7 @@ describe('Asset', () => {
   it('renders a div.asset', () => {
     const wrapper = mountAsset('foo.bar');
     expect(wrapper.element.matches('div.asset')).toBe(true);
-    expect(wrapper.isEmpty()).toBe(true);
+    expect(wrapper.element.childElementCount === 0).toBe(true);
   });
 
   it('renders an `ImageAsset` for images', () => {

tests/unit/components/ContentNode.spec.js

@@ -63,7 +63,7 @@ describe('ContentNode', () => {
 
     const content = wrapper.findComponent('div.content');
     expect(content.exists()).toBe(true);
-    expect(content.isEmpty()).toBe(true);
+    expect(content.element.childElementCount === 0).toBe(true);
   });
 
   describe('with type="aside"', () => {
@@ -111,7 +111,7 @@ describe('ContentNode', () => {
       expect(codeListing.props('syntax')).toBe(listing.syntax);
       expect(codeListing.props('fileType')).toBe(listing.fileType);
       expect(codeListing.props('content')).toEqual(listing.code);
-      expect(codeListing.isEmpty()).toBe(true);
+      expect(codeListing.element.childElementCount === 0).toBe(true);
     });
 
     it('renders a `Figure`/`Caption` with metadata', () => {
@@ -187,7 +187,7 @@ describe('ContentNode', () => {
         expect(sectionTitle.exists()).toBe(true);
         expect(sectionTitle.props('level')).toBe(level);
         expect(sectionTitle.attributes('anchor')).toBe('heading');
-        expect(sectionTitle.isEmpty()).toBe(false);
+        expect(sectionTitle.text().length > 0).toBe(true);
         expect(sectionTitle.text()).toContain('heading');
       }
     });
@@ -1029,7 +1029,7 @@ describe('ContentNode', () => {
       expect(reference.props('ideTitle')).toBe('IDETitle');
       expect(reference.props('titleStyle')).toBe('symbol');
       expect(reference.props('hasInlineFormatting')).toBe(false);
-      expect(reference.isEmpty()).toBe(false);
+      expect(reference.text().length > 0).toBe(true);
       expect(reference.text()).toBe('FooBar');
     });
 
@@ -1295,7 +1295,7 @@ describe('ContentNode', () => {
       });
 
       const reference = wrapper.findComponent('.content');
-      expect(reference.isEmpty()).toBe(true);
+      expect(reference.element.childElementCount === 0).toBe(true);
     });
   });
 

tests/unit/components/Tutorial/Assessments.spec.js

@@ -281,7 +281,7 @@ describe('success slot for completed assessment', () => {
     const ariaLive = wrapper.findComponent('[aria-live="assertive"].visuallyhidden');
     expect(ariaLive.exists()).toBe(true);
     // assert that aria-live's slot is empty
-    expect(ariaLive.isEmpty()).toBe(true);
+    expect(ariaLive.element.childElementCount === 0).toBe(true);
 
     await wrapper.setData({ completed: true });
     // assert that aria-live's slot has been updated

tests/unit/components/WordBreak.spec.js

@@ -21,7 +21,7 @@ describe('WordBreak', () => {
     it('renders an empty span', () => {
       const wrapper = shallowMount(WordBreak);
       expect(wrapper.element.tagName.toLowerCase() === 'span').toBe(true);
-      expect(wrapper.isEmpty()).toBe(true);
+      expect(wrapper.element.childElementCount === 0).toBe(true);
     });
   });
 

tests/unit/views/DocumentationTopic.spec.js

@@ -161,7 +161,7 @@ describe('DocumentationTopic', () => {
 
     const codeTheme = wrapper.findComponent(CodeTheme);
     expect(codeTheme.exists()).toBe(true);
-    expect(codeTheme.isEmpty()).toEqual(true);
+    expect(codeTheme.element.childElementCount === 0).toEqual(true);
   });
 
   it('sets enableNavigator to true if schemaVersion is compatible', async () => {

tests/unit/views/Topic.spec.js

@@ -48,7 +48,7 @@ describe('Topic', () => {
 
   it('renders an empty div with no data', () => {
     expect(wrapper.element.tagName.toLowerCase() === 'div').toBe(true);
-    expect(wrapper.isEmpty()).toBe(true);
+    expect(wrapper.element.childElementCount === 0).toBe(true);
   });
 
   it('provides a positive offset for `navigationBarHeight`', () => {