Element not found Assertion errror

[srirambsetec10]

Description of the bug/issue

I try to check addPostPage.assert.not.visible function if try to check not visible or un visible element it showing ,element could not be located
<< We are try to element is not visible then how user will check element not visible

Steps to reproduce

browser.assert.not.visible()
<< if using this from nightwatch it showing element could not be located ,

Sample test

Then('the post creation form should close',async function () {
    const addPostPage= await browser.page.addPostPage();
    await browser.pause(2200)
   try {
    return  await addPostPage.assert.not.visible('@postForm');
  } catch (error) {console.log();
  }
});

Command to run

nightwatch

Verbose Output

No response

Nightwatch Configuration

No response

Nightwatch.js Version

3.9.0

Node Version

20

Browser

chrome:131.0.6778.140

Operating System

Windows 11 ,10

Additional Information

No response

[satyamlal]

Hello Maintainers,
I would like to contribute to resolving this issue and believe I can provide a suitable fix. Could you please assign it to me, or should I proceed directly with the work?

[srirambsetec10]

Hello Maintainers, I would like to contribute to resolving this issue and believe I can provide a suitable fix. Could you please assign it to me, or should I proceed directly with the work?

Okay you can proceed

[ac-mmi]

@srirambsetec10 The problem you're running into with assert.not.visible is all about how Nightwatch (which is built on Selenium WebDriver) checks visibility. Here's the deal:

1. Element Not Found: When you use assert.not.visible, Nightwatch first tries to find the element in the DOM. If the element is hidden with display: none, or not rendered at all, Selenium can't even locate it. And when it can't find the element, it throws that error saying "element could not be located."
2. Visibility Check: If it does find the element, Selenium checks its visibility using isDisplayed(). This method basically checks if the element is visible or not. It returns true if the element is visible (not hidden), and false if it's hidden or not in the DOM. So, if you're setting things like display: none or hiding the element with opacity: 0, it won't show up as visible.