Fix all deprecated .is() method warnings

Author: marinaaisa

tests/unit/components/Article.spec.js

@@ -114,7 +114,7 @@ describe('Article', () => {
   });
 
   it('renders a div.article', () => {
-    expect(wrapper.is('div.article')).toBe(true);
+    expect(wrapper.element.matches('div.article')).toBe(true);
   });
 
   it('provides a page title using the hero section title', () => {

tests/unit/components/Article/Body.spec.js

@@ -19,7 +19,7 @@ describe('Body', () => {
   });
 
   it('renders a div.body wrapper', () => {
-    expect(wrapper.is('div.body')).toBe(true);
+    expect(wrapper.element.matches('div.body')).toBe(true);
   });
 
   it('renders a `BodyContent`', () => {

tests/unit/components/Article/BodyContent.spec.js

@@ -59,7 +59,7 @@ describe('BodyContent', () => {
   });
 
   it('renders an article.bodycontent', () => {
-    expect(wrapper.is('article.body-content')).toBe(true);
+    expect(wrapper.element.matches('article.body-content')).toBe(true);
   });
 
   it('renders a `Columns` layout', () => {

tests/unit/components/Article/ContentNode.spec.js

@@ -42,7 +42,7 @@ describe('ContentNode', () => {
   });
 
   it('renders a `BaseContentNode', () => {
-    expect(wrapper.is(BaseContentNode)).toBe(true);
+    expect(wrapper.findComponent(BaseContentNode).exists()).toBe(true);
   });
 
   // This needs to be directly tested in `articleContent` directly for now due

tests/unit/components/Article/Layouts/Columns.spec.js

@@ -35,7 +35,7 @@ describe('Columns', () => {
     });
 
     it('renders a .columns.cols-2 row', () => {
-      expect(wrapper.is('div.columns.cols-2')).toBe(true);
+      expect(wrapper.element.matches('div.columns.cols-2')).toBe(true);
     });
 
     it('renders an `Asset` and `ContentNode` for each col', () => {
@@ -76,7 +76,7 @@ describe('Columns', () => {
     });
 
     it('renders a .columns.cols-3 row', () => {
-      expect(wrapper.is('div.columns.cols-3')).toBe(true);
+      expect(wrapper.element.matches('div.columns.cols-3')).toBe(true);
     });
 
     it('renders an `Asset` and `ContentNode` for each col', () => {

tests/unit/components/Article/Layouts/ContentAndMedia.spec.js

@@ -33,11 +33,11 @@ describe('ContentAndMedia', () => {
   });
 
   it('renders a div.content-and-media', () => {
-    expect(wrapper.is('div.content-and-media')).toBe(true);
+    expect(wrapper.element.matches('div.content-and-media')).toBe(true);
   });
 
   it('renders the `mediaPosition` classname', async () => {
-    expect(wrapper.is('.content-and-media.media-trailing')).toBe(true);
+    expect(wrapper.element.matches('.content-and-media.media-trailing')).toBe(true);
 
     await wrapper.setProps({ mediaPosition: MediaPosition.leading });
     expect(wrapper.classes('media-leading')).toBe(true);

tests/unit/components/Article/Layouts/FullWidth.spec.js

@@ -33,7 +33,7 @@ describe('FullWidth', () => {
   });
 
   it('renders a .full-width', () => {
-    expect(wrapper.is('.full-width')).toBe(true);
+    expect(wrapper.element.matches('.full-width')).toBe(true);
   });
 
   it('renders a `ContentNode`', () => {
@@ -89,12 +89,12 @@ describe('FullWidth', () => {
       const groups = wrapper.findAll('.group');
       expect(groups.length).toBe(3);
 
-      expect(groups.at(0).is('div')).toBe(true);
+      expect(groups.at(0).element.tagName.toLowerCase() === 'div').toBe(true);
       expect(groups.at(0).find(ContentNode).props('content')).toEqual([
         content[0],
       ]);
 
-      expect(groups.at(1).is(LinkableElement)).toBe(true);
+      expect(groups.at(1).findComponent(LinkableElement).exists()).toBe(true);
       expect(groups.at(1).props()).toEqual({
         anchor: content[1].anchor,
         depth: 0,
@@ -106,7 +106,7 @@ describe('FullWidth', () => {
         content[2],
       ]);
 
-      expect(groups.at(2).is(LinkableElement)).toBe(true);
+      expect(groups.at(2).findComponent(LinkableElement).exists()).toBe(true);
       expect(groups.at(2).props()).toEqual({
         anchor: content[3].anchor,
         depth: 1,

tests/unit/components/Asset.spec.js

@@ -54,7 +54,7 @@ describe('Asset', () => {
 
   it('renders a div.asset', () => {
     const wrapper = mountAsset('foo.bar');
-    expect(wrapper.is('div.asset')).toBe(true);
+    expect(wrapper.element.matches('div.asset')).toBe(true);
     expect(wrapper.isEmpty()).toBe(true);
   });
 

tests/unit/components/BreakpointEmitter.spec.js

@@ -85,14 +85,14 @@ describe('BreakpointEmitter', () => {
 
   it('renders its default scoped slot', () => {
     const wrapper = shallowMount(BreakpointEmitter, { scopedSlots });
-    expect(wrapper.is('div')).toBe(true);
+    expect(wrapper.element.tagName.toLowerCase() === 'div').toBe(true);
     expect(wrapper.text()).toBe('');
   });
 
   it('does not emit anything if it does not match anything', async () => {
     window.matchMedia = jest.fn().mockImplementation(matchesNone);
     const wrapper = shallowMount(BreakpointEmitter, { scopedSlots });
-    expect(wrapper.is('div')).toBe(true);
+    expect(wrapper.element.tagName.toLowerCase() === 'div').toBe(true);
     await wrapper.vm.$nextTick();
     expect(wrapper.text()).toBe('');
     expect(wrapper.emitted('change')).toBeFalsy();

tests/unit/components/CallToAction.spec.js

@@ -41,7 +41,7 @@ describe('CallToAction', () => {
   });
 
   it('renders a .call-to-action', () => {
-    expect(wrapper.is('.call-to-action')).toBe(true);
+    expect(wrapper.element.matches('.call-to-action')).toBe(true);
   });
 
   it('renders a row with 2 columns', () => {