Replace 'Contains'

contains is deprecated and will be removed in the next major version.
Use `wrapper.find`, `wrapper.findComponent` or `wrapper.get` instead

Author: marinaaisa

tests/unit/App.spec.js

@@ -233,10 +233,10 @@ describe('App', () => {
 
   it('renders a default `Footer` for non-IDE targets', async () => {
     const wrapper = createWrapper();
-    expect(wrapper.contains(Footer)).toBe(true);
+    expect(wrapper.findComponent(Footer).exists()).toBe(true);
 
     await wrapper.setData({ isTargetIDE: true });
-    expect(wrapper.contains(Footer)).toBe(false);
+    expect(wrapper.findComponent(Footer).exists()).toBe(false);
   });
 
   it('renders the app-top element', () => {

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

@@ -24,6 +24,6 @@ describe('Body', () => {
 
   it('renders a `BodyContent`', () => {
     const { BodyContent } = Body.components;
-    expect(wrapper.contains(BodyContent)).toBe(true);
+    expect(wrapper.findComponent(BodyContent).exists()).toBe(true);
   });
 });

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

@@ -46,7 +46,7 @@ describe('FullWidth', () => {
   });
 
   it('does not render a `LinkableElement` without headings', () => {
-    expect(wrapper.contains(LinkableElement)).toBe(false);
+    expect(wrapper.findComponent(LinkableElement).exists()).toBe(false);
   });
 
   describe('with headings', () => {

tests/unit/components/CallToAction.spec.js

@@ -48,8 +48,8 @@ describe('CallToAction', () => {
     const row = wrapper.findComponent(Row);
     expect(row.exists()).toBe(true);
 
-    expect(row.contains(LeftColumn)).toBe(true);
-    expect(row.contains(RightColumn)).toBe(true);
+    expect(row.findComponent(LeftColumn).exists()).toBe(true);
+    expect(row.findComponent(RightColumn).exists()).toBe(true);
   });
 
   describe('LeftColumn', () => {

tests/unit/components/ContentNode.spec.js

@@ -128,12 +128,12 @@ describe('ContentNode', () => {
       const figure = wrapper.findComponent(Figure);
       expect(figure.exists()).toBe(true);
       expect(figure.props('anchor')).toBe(metadata.anchor);
-      expect(figure.contains(CodeListing)).toBe(true);
+      expect(figure.findComponent(CodeListing).exists()).toBe(true);
 
       const caption = figure.find(Caption);
       expect(caption.exists()).toBe(true);
       expect(caption.props('title')).toBe(metadata.title);
-      expect(caption.contains('p')).toBe(true);
+      expect(caption.find('p').exists()).toBe(true);
       expect(caption.text()).toContain('blah');
     });
   });
@@ -733,11 +733,11 @@ describe('ContentNode', () => {
       const figure = wrapper.findComponent(Figure);
       expect(figure.exists()).toBe(true);
       expect(figure.props('anchor')).toBe(metadata.anchor);
-      expect(figure.contains(InlineImage)).toBe(true);
+      expect(figure.findComponent(InlineImage).exists()).toBe(true);
 
       const caption = wrapper.findComponent(Caption);
       expect(caption.exists()).toBe(true);
-      expect(caption.contains('p')).toBe(true);
+      expect(caption.find('p').exists()).toBe(true);
       expect(caption.props('title')).toBe(metadata.title);
       expect(caption.text()).toContain('blah');
     });
@@ -758,11 +758,11 @@ describe('ContentNode', () => {
       const figure = wrapper.findComponent(Figure);
       expect(figure.exists()).toBe(true);
       expect(figure.props('anchor')).toBeFalsy();
-      expect(figure.contains(InlineImage)).toBe(true);
+      expect(figure.findComponent(InlineImage).exists()).toBe(true);
 
       const caption = wrapper.findComponent(Caption);
       expect(caption.exists()).toBe(true);
-      expect(caption.contains('p')).toBe(true);
+      expect(caption.find('p').exists()).toBe(true);
       expect(caption.props('title')).toBeFalsy();
       expect(caption.props('position')).toBe('trailing');
       expect(caption.text()).toContain('blah');
@@ -815,7 +815,7 @@ describe('ContentNode', () => {
       const figure = wrapper.findComponent(Figure);
       expect(figure.exists()).toBe(true);
       expect(figure.props('anchor')).toBe('foo-figure');
-      expect(figure.contains(InlineImage)).toBe(true);
+      expect(figure.findComponent(InlineImage).exists()).toBe(true);
 
       expect(wrapper.findComponent(Caption).exists()).toBe(false);
     });
@@ -910,11 +910,11 @@ describe('ContentNode', () => {
       const figure = wrapper.findComponent(Figure);
       expect(figure.exists()).toBe(true);
       expect(figure.props('anchor')).toBe('foo');
-      expect(figure.contains(BlockVideo)).toBe(true);
+      expect(figure.findComponent(BlockVideo).exists()).toBe(true);
 
       const caption = wrapper.findComponent(Caption);
       expect(caption.exists()).toBe(true);
-      expect(caption.contains('p')).toBe(true);
+      expect(caption.find('p').exists()).toBe(true);
       expect(caption.props('title')).toBe(metadata.title);
       expect(caption.props('position')).toBe('trailing');
       expect(caption.text()).toContain('blah');
@@ -936,11 +936,11 @@ describe('ContentNode', () => {
       const figure = wrapper.findComponent(Figure);
       expect(figure.exists()).toBe(true);
       expect(figure.props('anchor')).toBeFalsy();
-      expect(figure.contains(BlockVideo)).toBe(true);
+      expect(figure.findComponent(BlockVideo).exists()).toBe(true);
 
       const caption = wrapper.findComponent(Caption);
       expect(caption.exists()).toBe(true);
-      expect(caption.contains('p')).toBe(true);
+      expect(caption.find('p').exists()).toBe(true);
       expect(caption.props('title')).toBeFalsy();
       expect(caption.props('position')).toBe('trailing');
       expect(caption.text()).toContain('blah');
@@ -1377,7 +1377,7 @@ describe('ContentNode', () => {
       const table = wrapper.findComponent('.content').find(Table);
       expect(table.exists()).toBe(true);
       expect(table.props('spanned')).toBe(false);
-      expect(table.contains('thead')).toBe(false);
+      expect(table.find('thead').exists()).toBe(false);
       expect(table.findAll('tbody tr').length).toBe(2);
       expect(table.findAll('tbody tr td').length).toBe(4);
     });
@@ -1415,7 +1415,7 @@ describe('ContentNode', () => {
       });
       const table = wrapper.findComponent('.content').find(Table);
       expect(table.exists()).toBe(true);
-      expect(table.contains('thead')).toBe(false);
+      expect(table.find('thead').exists()).toBe(false);
       expect(table.findAll('tbody tr th[scope="row"]').length).toBe(2);
       expect(table.findAll('tbody tr td').length).toBe(2);
     });
@@ -1445,7 +1445,7 @@ describe('ContentNode', () => {
       expect(caption.props('title')).toBe(metadata.title);
       expect(caption.props('position')).toBe('leading');
       expect(caption.props('tag')).toBe('caption');
-      expect(caption.contains('p')).toBe(true);
+      expect(caption.find('p').exists()).toBe(true);
       expect(caption.text()).toContain('blah');
     });
 

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

@@ -50,7 +50,7 @@ describe('CollapsibleCodeListing', () => {
     expect(wrapper.is('.collapsible-code-listing')).toBe(true);
     const pre = wrapper.findComponent('pre');
     expect(pre.exists()).toBe(true);
-    expect(pre.contains(CodeBlock)).toBe(true);
+    expect(pre.findComponent(CodeBlock).exists()).toBe(true);
   });
 
   it('renders code in .code-line elements', () => {

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

@@ -19,7 +19,7 @@ describe('Table', () => {
     expect(wrapper.is('.table-wrapper')).toBe(true);
     const table = wrapper.findComponent('table');
     expect(table.exists()).toBe(true);
-    expect(table.contains('tbody tr td')).toBe(true);
+    expect(table.find('tbody tr td').exists()).toBe(true);
   });
 
   it('renders a table with `spanned` class', () => {

tests/unit/components/DocumentationLayout.spec.js

@@ -524,7 +524,7 @@ describe('DocumentationLayout', () => {
 
     it('does not render a `Nav`', () => {
       wrapper = createWrapper({ provide: provideWithIDETarget });
-      expect(wrapper.contains(Nav)).toBe(false);
+      expect(wrapper.findComponent(Nav).exists()).toBe(false);
     });
 
     it('does not render a sidebar', () => {

tests/unit/components/DocumentationTopic.spec.js

@@ -651,24 +651,24 @@ describe('DocumentationTopic', () => {
 
   it('does not render a `PrimaryContent` column when passed undefined as PrimaryContent', async () => {
     await wrapper.setProps({ primaryContentSections: undefined });
-    expect(wrapper.contains(PrimaryContent)).toBe(false);
+    expect(wrapper.findComponent(PrimaryContent).exists()).toBe(false);
   });
 
   it('does not render a `PrimaryContent` column when passed empty an PrimaryContent', async () => {
     await wrapper.setProps({ primaryContentSections: [] });
-    expect(wrapper.contains(PrimaryContent)).toBe(false);
+    expect(wrapper.findComponent(PrimaryContent).exists()).toBe(false);
   });
 
   it('does not render a `PrimaryContent` column when passed empty an PrimaryContent & no `ViewMore` link', async () => {
     await wrapper.setProps({ primaryContentSections: [], enableMinimized: true });
-    expect(wrapper.contains(PrimaryContent)).toBe(true); // ViewMore link is present
+    expect(wrapper.findComponent(PrimaryContent).exists()).toBe(true); // ViewMore link is present
 
     await wrapper.setProps({
       primaryContentSections: [],
       enableMinimized: true,
       hasNoExpandedDocumentation: true,
     });
-    expect(wrapper.contains(PrimaryContent)).toBe(false); // no ViewMore link
+    expect(wrapper.findComponent(PrimaryContent).exists()).toBe(false); // no ViewMore link
   });
 
   it('render a `PrimaryContent` column when passed empty an PrimaryContent but has otherDeclarations', async () => {
@@ -678,7 +678,8 @@ describe('DocumentationTopic', () => {
         hasOtherDeclSection,
       ],
     });
-    expect(wrapper.contains(PrimaryContent)).toBe(true); // has otherDeclarations dropdown
+    expect(wrapper.findComponent(PrimaryContent).exists())
+      .toBe(true); // has otherDeclarations dropdown
   });
 
   it('renders `ViewMore` if `enableMinimized`', async () => {
@@ -756,7 +757,7 @@ describe('DocumentationTopic', () => {
     });
 
     it('renders a deprecated `Aside` when deprecated', async () => {
-      expect(wrapper.contains(Aside)).toBe(false);
+      expect(wrapper.findComponent(Aside).exists()).toBe(false);
       await wrapper.setProps({ deprecationSummary });
 
       const aside = wrapper.findComponent(Aside);
@@ -769,7 +770,7 @@ describe('DocumentationTopic', () => {
     });
 
     it('renders a note `Aside` when download button is not available', async () => {
-      expect(wrapper.contains(Aside)).toBe(false);
+      expect(wrapper.findComponent(Aside).exists()).toBe(false);
       await wrapper.setProps({ downloadNotAvailableSummary });
 
       const aside = wrapper.findComponent(Aside);
@@ -782,15 +783,15 @@ describe('DocumentationTopic', () => {
     });
 
     it('renders a `DownloadButton` if there is sample code to download', async () => {
-      expect(wrapper.contains(DownloadButton)).toBe(false);
+      expect(wrapper.findComponent(DownloadButton).exists()).toBe(false);
       await wrapper.setProps({ sampleCodeDownload });
-      expect(wrapper.contains(DownloadButton)).toBe(true);
+      expect(wrapper.findComponent(DownloadButton).exists()).toBe(true);
     });
 
     it('renders a `RequirementMetadata` if the symbol is required', async () => {
-      expect(wrapper.contains(RequirementMetadata)).toBe(false);
+      expect(wrapper.findComponent(RequirementMetadata).exists()).toBe(false);
       await wrapper.setProps({ isRequirement: true });
-      expect(wrapper.contains(RequirementMetadata)).toBe(true);
+      expect(wrapper.findComponent(RequirementMetadata).exists()).toBe(true);
     });
 
     it('renders a `Availability` with platforms data', async () => {
@@ -898,7 +899,7 @@ describe('DocumentationTopic', () => {
   });
 
   it('renders `Topics` if there are topic sections, passing the `topicSectionsStyle` over', async () => {
-    expect(wrapper.contains(Topics)).toBe(false);
+    expect(wrapper.findComponent(Topics).exists()).toBe(false);
 
     const topicSections = [
       {
@@ -937,7 +938,7 @@ describe('DocumentationTopic', () => {
   });
 
   it('renders `SeeAlso` if there are see also sections', async () => {
-    expect(wrapper.contains(SeeAlso)).toBe(false);
+    expect(wrapper.findComponent(SeeAlso).exists()).toBe(false);
 
     const seeAlsoSections = [
       {
@@ -964,7 +965,7 @@ describe('DocumentationTopic', () => {
   });
 
   it('renders `Relationships` if there are relationship sections', async () => {
-    expect(wrapper.contains(Relationships)).toBe(false);
+    expect(wrapper.findComponent(Relationships).exists()).toBe(false);
 
     const relationshipsSections = [
       {
@@ -1022,7 +1023,7 @@ describe('DocumentationTopic', () => {
   });
 
   it('renders `DefaultImplementations` if there are default implementation sections', async () => {
-    expect(wrapper.contains(DefaultImplementations)).toBe(false);
+    expect(wrapper.findComponent(DefaultImplementations).exists()).toBe(false);
 
     const defaultImplementationsSections = [
       {
@@ -1098,7 +1099,7 @@ describe('DocumentationTopic', () => {
         store: mockStore,
       },
     });
-    expect(wrapper.findComponent(DocumentationHero).contains('.above-title')).toBe(true);
+    expect(wrapper.findComponent(DocumentationHero).find('.above-title').exists()).toBe(true);
   });
 
   it('renders content in the `above-hero-content` slot', () => {
@@ -1114,7 +1115,7 @@ describe('DocumentationTopic', () => {
         store: mockStore,
       },
     });
-    expect(wrapper.contains('.above-hero-content')).toBe(true);
+    expect(wrapper.find('.above-hero-content').exists()).toBe(true);
   });
 
   it('renders `OnThisPageNav` component, if enabled via prop', async () => {

tests/unit/components/DocumentationTopic/DocumentationNav.spec.js

@@ -156,9 +156,9 @@ describe('DocumentationNav', () => {
   });
 
   it('does not render a `LanguageToggle` when there is no swift nor objc path', async () => {
-    expect(wrapper.contains(LanguageToggle)).toBe(true);
+    expect(wrapper.findComponent(LanguageToggle).exists()).toBe(true);
     await wrapper.setProps({ swiftPath: null, objcPath: null });
-    expect(wrapper.contains(LanguageToggle)).toBe(false);
+    expect(wrapper.findComponent(LanguageToggle).exists()).toBe(false);
   });
 
   it('exposes a `menu-items` slot ', () => {