diff options
Diffstat (limited to 'spec/frontend/ref')
-rw-r--r-- | spec/frontend/ref/components/ref_selector_spec.js | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/spec/frontend/ref/components/ref_selector_spec.js b/spec/frontend/ref/components/ref_selector_spec.js index 882cb2c1199..6c5af5a2625 100644 --- a/spec/frontend/ref/components/ref_selector_spec.js +++ b/spec/frontend/ref/components/ref_selector_spec.js @@ -93,20 +93,20 @@ describe('Ref selector component', () => { const findNoResults = () => wrapper.find('[data-testid="no-results"]'); - const findLoadingIcon = () => wrapper.find(GlLoadingIcon); + const findLoadingIcon = () => wrapper.findComponent(GlLoadingIcon); - const findSearchBox = () => wrapper.find(GlSearchBoxByType); + const findSearchBox = () => wrapper.findComponent(GlSearchBoxByType); const findBranchesSection = () => wrapper.find('[data-testid="branches-section"]'); - const findBranchDropdownItems = () => findBranchesSection().findAll(GlDropdownItem); + const findBranchDropdownItems = () => findBranchesSection().findAllComponents(GlDropdownItem); const findFirstBranchDropdownItem = () => findBranchDropdownItems().at(0); const findTagsSection = () => wrapper.find('[data-testid="tags-section"]'); - const findTagDropdownItems = () => findTagsSection().findAll(GlDropdownItem); + const findTagDropdownItems = () => findTagsSection().findAllComponents(GlDropdownItem); const findFirstTagDropdownItem = () => findTagDropdownItems().at(0); const findCommitsSection = () => wrapper.find('[data-testid="commits-section"]'); - const findCommitDropdownItems = () => findCommitsSection().findAll(GlDropdownItem); + const findCommitDropdownItems = () => findCommitsSection().findAllComponents(GlDropdownItem); const findFirstCommitDropdownItem = () => findCommitDropdownItems().at(0); // @@ -530,13 +530,13 @@ describe('Ref selector component', () => { }); it('renders a checkmark by the selected item', async () => { - expect(findFirstBranchDropdownItem().find(GlIcon).element).toHaveClass( + expect(findFirstBranchDropdownItem().findComponent(GlIcon).element).toHaveClass( 'gl-visibility-hidden', ); await selectFirstBranch(); - expect(findFirstBranchDropdownItem().find(GlIcon).element).not.toHaveClass( + expect(findFirstBranchDropdownItem().findComponent(GlIcon).element).not.toHaveClass( 'gl-visibility-hidden', ); }); @@ -684,7 +684,8 @@ describe('Ref selector component', () => { describe('validation state', () => { const invalidClass = 'gl-inset-border-1-red-500!'; - const isInvalidClassApplied = () => wrapper.find(GlDropdown).props('toggleClass')[invalidClass]; + const isInvalidClassApplied = () => + wrapper.findComponent(GlDropdown).props('toggleClass')[invalidClass]; describe('valid state', () => { describe('when the state prop is not provided', () => { |