find function lacks options parameter

Current behavior

It’s well written here that the find function has 2 arguments: https://docs.cypress.io/api/commands/find#Arguments But in my case, the function has only one argument (the selector).

I am trying to use the timeout functionality with the find function but it does not wait for the timeout.

Desired behavior

I expect that the find function accepts the second argument as described in the documentation and similar to the get function.

Test code to reproduce

body.find('.find-this-tag', { timeout: 10000 })

Cypress Version

9.5.2

Other

Thank you!

[emilyrohrbough]

Ah I see! Thanks for providing the example you were working with.

cy.get() will yield the DOM element(s) found, which can be returned as an JQuery element. In the example you provided, you are trying to use JQuery’s find method instead of the .find() Cypress command. I suggest updating your test to be something like this:

const selector = '.item-that-loads-after-http-request-finishes'

cy.visit(Cypress.config().baseUrl + '/some-url', { timeout: 100000 })
    .get('body')
    .find(selector, { timeout: 5000 })

This will look for you selector for the given timeout and if it does not exist your test will fail.

If you are trying to mitigate the test failures, you can listen to the fail Cypress event to determine the best way to handle this, however we do not necessarily recommend this approach beyond debugging. Docs for catching test failures.

Give it a shot! However I do think this issue can be closed.

[directcuteo]

This is what I try to achieve: I have a non-deterministic case for my application and I want to test a specific part of the application only in a certain case. To achieve this I use the find function. As I said, the problem is that the function doesn’t wait for the element to be shown as the timeout option is provided but it yields the result instantly (which ofc is that it doesn’t exist because it depends on other parts of the app).

cy.visit(Cypress.config().baseUrl + '/some-url', { timeout: 100000 })
    .get('body')
    .then((body) => {
      const selector = '.item-that-loads-after-http-request-finishes'
      if (body.find(selector, { timeout: 5000 }).length > 0) {
        console.log('Test running');
        // test body
      } else {
        console.log('Test is not running');
      }
    });

If I go to the method’s declaration, I will be taken to the same definition as the functionality is: one parameter function

JQuery.d.ts - line 4136 find(selector_element: JQuery.Selector | Element | JQuery): this;