feat(queries): add "When I find elements by name"

src/queries/index.ts

@@ -13,6 +13,7 @@ export * from './input';
 export * from './label';
 export * from './link';
 export * from './links';
+export * from './names';
 export * from './placeholder';
 export * from './placeholders';
 export * from './testid';

src/queries/names.ts

@@ -0,0 +1,36 @@
+import { When } from '@badeball/cypress-cucumber-preprocessor';
+
+import { setCypressElement } from '../utils';
+
+/* eslint-disable tsdoc/syntax */
+/**
+ * When I find elements by name:
+ *
+ * ```gherkin
+ * When I find elements by name {string}
+ * ```
+ *
+ * > A name is not a good substitute for a label so you should generally use {@link When_I_find_element_by_label_text | "When I find element by label text"} instead.
+ *
+ * @example
+ *
+ * ```gherkin
+ * When I find elements by name "text"
+ * ```
+ *
+ * @remarks
+ *
+ * This precedes steps like {@link When_I_type | "When I type"}. For example:
+ *
+ * ```gherkin
+ * When I find elements by name "password"
+ *   And I get 1st element
+ *   And I type "password"
+ * ```
+ */
+/* eslint-enable tsdoc/syntax */
+export function When_I_find_elements_by_name(name: string) {
+  setCypressElement(cy.get(`[name='${name}']:visible`));
+}
+
+When('I find elements by name {string}', When_I_find_elements_by_name);