Fix .findAll() deprecation warnings

Author: marinaaisa

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

@@ -39,14 +39,14 @@ describe('Columns', () => {
     });
 
     it('renders an `Asset` and `ContentNode` for each col', () => {
-      const nodes = wrapper.findAll(ContentNode);
+      const nodes = wrapper.findAllComponents(ContentNode);
       expect(nodes.length).toBe(2);
       expect(nodes.at(0).props('content'))
         .toEqual(propsData.columns[0].content);
       expect(nodes.at(1).props('content'))
         .toEqual(propsData.columns[1].content);
 
-      const assets = wrapper.findAll(Asset);
+      const assets = wrapper.findAllComponents(Asset);
       expect(assets.length).toBe(2);
       expect(assets.at(0).props('identifier'))
         .toBe(propsData.columns[0].media);
@@ -56,7 +56,7 @@ describe('Columns', () => {
 
     it('does not allow autoplay for video assets', () => {
       const allowsAutoplay = asset => asset.props('videoAutoplays');
-      const assets = wrapper.findAll(Asset);
+      const assets = wrapper.findAllComponents(Asset);
       expect(assets.length).toEqual(2);
       expect(assets.filter(allowsAutoplay).length).toEqual(0);
     });
@@ -80,7 +80,7 @@ describe('Columns', () => {
     });
 
     it('renders an `Asset` and `ContentNode` for each col', () => {
-      const nodes = wrapper.findAll(ContentNode);
+      const nodes = wrapper.findAllComponents(ContentNode);
       expect(nodes.length).toBe(3);
       expect(nodes.at(0).props('content'))
         .toEqual(propsData.columns[0].content);
@@ -89,7 +89,7 @@ describe('Columns', () => {
       expect(nodes.at(2).props('content'))
         .toEqual(propsData.columns[2].content);
 
-      const assets = wrapper.findAll(Asset);
+      const assets = wrapper.findAllComponents(Asset);
       expect(assets.length).toBe(3);
       expect(assets.at(0).props('identifier'))
         .toBe(propsData.columns[0].media);
@@ -114,7 +114,7 @@ describe('Columns', () => {
     });
 
     it('does not render a `ContentNode` for that column', () => {
-      const nodes = wrapper.findAll(ContentNode);
+      const nodes = wrapper.findAllComponents(ContentNode);
       expect(nodes.length).toBe(2);
 
       expect(nodes.at(0).props('content')).toEqual(propsData.columns[0].content);

tests/unit/components/ContentNode.spec.js

@@ -483,7 +483,7 @@ describe('ContentNode', () => {
       expect(grid.props()).toEqual({
         columns: { large: 4 },
       });
-      const columns = grid.findAll(Column);
+      const columns = grid.findAllComponents(Column);
       expect(columns).toHaveLength(2);
       expect(columns.at(0).props()).toEqual({ span: 2 });
       expect(columns.at(0).find('p').text()).toBe('foo');
@@ -527,7 +527,7 @@ describe('ContentNode', () => {
       expect(grid.props()).toEqual({
         columns: undefined,
       });
-      const columns = grid.findAll(Column);
+      const columns = grid.findAllComponents(Column);
       expect(columns).toHaveLength(2);
       expect(columns.at(0).props()).toEqual({ span: 2 });
       expect(columns.at(0).find('p').text()).toBe('foo');

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

@@ -60,7 +60,7 @@ describe('EndpointExample', () => {
 
   it('renders tabs for request/response links', () => {
     const tabnav = wrapper.findComponent(Tabnav);
-    const tabnavLinks = wrapper.findAll(TabnavItem);
+    const tabnavLinks = wrapper.findAllComponents(TabnavItem);
     expect(tabnav.props()).toHaveProperty('value', Tab.request);
     expect(tabnavLinks.length).toBe(2);
     expect(tabnavLinks.at(0).props('value')).toBe(Tab.request);

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

@@ -52,7 +52,7 @@ describe('TabNavigator.spec', () => {
       vertical: false,
       value: titles[0],
     });
-    expect(wrapper.findAll(TabnavItem)).toHaveLength(3);
+    expect(wrapper.findAllComponents(TabnavItem)).toHaveLength(3);
     const tabs = wrapper.findAll('.tab-container');
     expect(tabs).toHaveLength(3);
     expect(tabs.at(0).classes()).toContain('active');

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

@@ -55,7 +55,7 @@ describe('DecoratedTopicTitle', () => {
   });
 
   it('renders a <WordBreak> for each token that isn\'t all whitespace', () => {
-    const breaks = wrapper.findAll(WordBreak);
+    const breaks = wrapper.findAllComponents(WordBreak);
     expect(breaks.length).toBe(4);
     expect(breaks.at(0).text()).toBe(propsData.tokens[0].text);
     expect(breaks.at(0).classes()).toEqual(['decorator']);

tests/unit/components/DocumentationTopic/Hero/DocumentationHero.spec.js

@@ -53,7 +53,7 @@ describe('DocumentationHero', () => {
 
   it('renders the DocumentationHero, enabled', () => {
     const wrapper = createWrapper();
-    const allIcons = wrapper.findAll(TopicTypeIcon);
+    const allIcons = wrapper.findAllComponents(TopicTypeIcon);
     expect(allIcons).toHaveLength(1);
     expect(allIcons.at(0).props()).toEqual({
       withColors: true,
@@ -144,7 +144,7 @@ describe('DocumentationHero', () => {
       enhanceBackground: false,
     });
     // assert no icon
-    const allIcons = wrapper.findAll(TopicTypeIcon);
+    const allIcons = wrapper.findAllComponents(TopicTypeIcon);
     expect(allIcons).toHaveLength(0);
     // assert slot
     expect(wrapper.findComponent('.default-slot').text()).toBe('Default Slot');

tests/unit/components/DocumentationTopic/Hero/Hierarchy.spec.js

@@ -99,7 +99,7 @@ describe('Hierarchy', () => {
     const list = wrapper.findComponent(NavMenuItems);
     expect(list.exists()).toBe(true);
 
-    const items = list.findAll(HierarchyItem);
+    const items = list.findAllComponents(HierarchyItem);
     expect(items.length).toBe(3);
 
     const fooItem = items.at(0);
@@ -152,7 +152,7 @@ describe('Hierarchy', () => {
         const list = wrapper.findComponent(NavMenuItems);
         expect(list.exists()).toBe(true);
 
-        const items = list.findAll(HierarchyItem);
+        const items = list.findAllComponents(HierarchyItem);
         // all parentTopicIdentifiers + the last item
         expect(items.length).toBe(parentTopics.length + 1);
 
@@ -194,7 +194,7 @@ describe('Hierarchy', () => {
       it('renders a list with `root + 2 collapsed + max 2 items`, between 1000 and 1200px', async () => {
         changeSize(1100);
         await wrapper.vm.$nextTick();
-        const items = wrapper.findAll(HierarchyItem);
+        const items = wrapper.findAllComponents(HierarchyItem);
         // assert what items are shown
         // assert root item
         expect(items.at(0).attributes('url')).toEqual(parentTopics[0].url);
@@ -237,7 +237,7 @@ describe('Hierarchy', () => {
       it('renders a list with `3 collapsed + max 1 item`, between 735 and 1000px', async () => {
         changeSize(900);
         await wrapper.vm.$nextTick();
-        const items = wrapper.findAll(HierarchyItem);
+        const items = wrapper.findAllComponents(HierarchyItem);
         // assert what items are shown
         // assert there is no root item
         expect(items.at(0).attributes()).toEqual({
@@ -287,7 +287,7 @@ describe('Hierarchy', () => {
       it('renders a list with `5 collapsed and no external links`, below 735', async () => {
         changeSize(720);
         await wrapper.vm.$nextTick();
-        const items = wrapper.findAll(HierarchyItem);
+        const items = wrapper.findAllComponents(HierarchyItem);
         // assert what items are shown
         // assert there is no root item
         expect(items.at(0).attributes()).toEqual({
@@ -354,7 +354,7 @@ describe('Hierarchy', () => {
         const list = wrapper.findComponent(NavMenuItems);
         expect(list.exists()).toBe(true);
 
-        const items = list.findAll(HierarchyItem);
+        const items = list.findAllComponents(HierarchyItem);
         // all parentTopicIdentifiers + the last item
         expect(items.length).toBe(parentTopics.length + 1);
 
@@ -404,7 +404,7 @@ describe('Hierarchy', () => {
           isSymbolBeta: true,
         });
 
-        const items = wrapper.findAll(HierarchyItem);
+        const items = wrapper.findAllComponents(HierarchyItem);
         // assert what items are shown
         // assert root item
         expect(items.at(0).attributes('url')).toEqual(parentTopics[0].url);
@@ -455,7 +455,7 @@ describe('Hierarchy', () => {
           isSymbolBeta: true,
         });
 
-        const items = wrapper.findAll(HierarchyItem);
+        const items = wrapper.findAllComponents(HierarchyItem);
         // assert what items are shown
         // assert there is no root item
         expect(items.at(0).attributes()).toEqual({
@@ -511,7 +511,7 @@ describe('Hierarchy', () => {
           isSymbolBeta: true,
         });
 
-        const items = wrapper.findAll(HierarchyItem);
+        const items = wrapper.findAllComponents(HierarchyItem);
         // assert what items are shown
         // assert there is no root item
         expect(items.at(0).attributes()).toEqual({
@@ -608,9 +608,9 @@ describe('Hierarchy', () => {
       },
     });
 
-    const HierarchyItems = wrapper.findAll(HierarchyItem);
+    const HierarchyItems = wrapper.findAllComponents(HierarchyItem);
     // The badges are rendered inside the last HierarchyItem slot
-    const badges = HierarchyItems.at(HierarchyItems.length - 1).findAll(Badge);
+    const badges = HierarchyItems.at(HierarchyItems.length - 1).findAllComponents(Badge);
     expect(badges).toHaveLength(3);
     expect(badges.at(0).props('variant')).toBe('deprecated');
     expect(badges.at(0).text()).toBe('aside-kind.deprecated');

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

@@ -181,7 +181,7 @@ describe('PrimaryContent', () => {
   function checkProps(Component, props, { info = '', at = 0 } = {}) {
     it(`renders a "${Component.name}"${info ? `: ${info}` : ''}`, () => {
       const wrapper = shallowMount(PrimaryContent, { propsData });
-      const component = wrapper.findAll(Component).at(at);
+      const component = wrapper.findAllComponents(Component).at(at);
       expect(component.exists()).toBe(true);
       expect(component.props()).toEqual(props);
     });

tests/unit/components/DocumentationTopic/PrimaryContent/Declaration.spec.js

@@ -73,7 +73,7 @@ describe('Declaration', () => {
   });
 
   it('renders 1 `DeclarationList` and 0 labels without multiple declarations', () => {
-    const declarationLists = wrapper.findAll(DeclarationList);
+    const declarationLists = wrapper.findAllComponents(DeclarationList);
     expect(declarationLists).toHaveLength(1);
     expect(declarationLists.at(0).props('shouldCaption')).toEqual(false);
   });
@@ -155,7 +155,7 @@ describe('Declaration', () => {
 
     await wrapper.setProps({ declarations });
 
-    const labels = wrapper.findAll(DeclarationList);
+    const labels = wrapper.findAllComponents(DeclarationList);
     expect(labels.length).toBe(declarations.length);
     expect(labels.at(0).props('shouldCaption')).toBe(true);
     expect(labels.at(1).props('shouldCaption')).toBe(true);
@@ -180,7 +180,7 @@ describe('Declaration', () => {
 
     await wrapper.setProps({ declarations });
 
-    const labels = wrapper.findAll(DeclarationList);
+    const labels = wrapper.findAllComponents(DeclarationList);
     expect(labels.length).toBe(declarations.length);
     expect(labels.at(0).props('shouldCaption')).toBe(false);
     expect(labels.at(1).props('shouldCaption')).toBe(false);

tests/unit/components/DocumentationTopic/PrimaryContent/DeclarationDiff.spec.js

@@ -33,7 +33,7 @@ describe('DeclarationDiff', () => {
     expect(labels.at(0).text()).toEqual('Current');
     expect(labels.at(1).text()).toEqual('Previous');
 
-    const currentLists = wrapper.findComponent('.declaration-diff-current').findAll(DeclarationList);
+    const currentLists = wrapper.findComponent('.declaration-diff-current').findAllComponents(DeclarationList);
 
     expect(currentLists).toHaveLength(2);
     expect(currentLists.at(0).props()).toEqual({
@@ -47,7 +47,7 @@ describe('DeclarationDiff', () => {
       declListExpanded: false,
     });
 
-    const previousLists = wrapper.findComponent('.declaration-diff-previous').findAll(DeclarationList);
+    const previousLists = wrapper.findComponent('.declaration-diff-previous').findAllComponents(DeclarationList);
 
     expect(previousLists).toHaveLength(1);
     expect(previousLists.at(0).props()).toEqual({