Cannot hook from previous subject on the child custom command

[fahdilahady]

Cypress.Commands.add('deepClick', { prevSubject: true }, (subject: Cypress.Chainable<any>) => {
  const click = ($el) => $el.click();
  subject.pipe(click).should(($el) => expect($el).to.not.visible);
  return subject;
});

above child custom command will return pipe is not a function.

it's also doesn't works well if we hook it from .find()

so currently I used as parent custom command as below

Cypress.Commands.add('deepClick', (selector: string, ...args) => {
  const click = ($el) => $el.click();
  return cy.get(selector, ...args).pipe(click).should(($el) => expect($el).to.not.visible);
});

which the usage is become like this:
cy.deepClick('button[data-cy="SendToUnderwriting"]')

instead of
cy.get('button[data-cy="SendToUnderwriting"]').deepClick();

[NicholasBoll]

subject is not a Cypress.Chainable, it is a JQuery. pipe exists on the chainable, not the jQuery wrapper.

You'll have to do cy.wrap(subject).pipe(... inside the deepClick custom function. Then you can do cy.get(...).deepClick()