Click one or more named components, uses locator.click() which auto-scrolls.
When (I |we )*click (?:on |a )?([a-zA-Z0-9 ,\-]+)
Example #1: When I click nav
Example #2: When I click search button
Example #3: When click cta
Example #4: When I click on logo
Example #5: When I click menu
Example #6: When I click on submit button
Example #7: When I click close button
Example #8: When click back button
Example #9: When I click on forward button
Example #10: When I click hero, cta
Advanced:
Example #11: Click via XPath-registered selector:
When I add "login link xp" selector for "//a[contains(.,'Login')]" xpath selector
And I click login link xp
Example #12: Register with CSS then click — no components needed:
When I add "cta primary" selector for ".cta .btn-primary" css selector
And I click cta primary