title: Click() is not working though there's no any error but element not opening up - (Cypress automation)
body: <p>last one cy.get('[data-cy=impact-area-table]').contains(impactareas.name).should('be.visible').click({force: true}); is not working though there's no any error ,it shows that it's fine and test pass but it doesnot open up the impact area ??</p>
  
  <pre><code>import { fillImpactAreaForm } from './utils';
  import {contact, campaign, impactArea,impactareas} from '../support/commands.js';
  
  describe('Fundraising test suite', function () {
  
      beforeEach(() =&gt; {
          cy.resetDb();
          cy.visit('/');
      });
  it('should allow the user to create transactions', () =&gt; {
      cy.seedOrgAndLogin().then(() =&gt; {
          return cy.factoryCreate('PersonContacts', contact);
  
      }).then(() =&gt; {
          cy.factoryCreate('Campaigns', campaign);
  
      }).then(() =&gt; {
          cy.factoryCreate('ImpactAreas', impactArea);
  
      }).then(() =&gt; {
          cy.get('[data-cy="sidebar-Impact Areas"]').click({force: true});
  
          cy.reload(true);
  
          cy.get('[data-cy=create-impactarea]').click();
  
          cy.get('[data-cy=impact-area-form]').contains('Close').click();
  
          cy.get('[data-cy=create-impactarea]').click();
  
          fillImpactAreaForm(impactareas);
          cy. wait(2000);
  
          cy.get('[data-cy=impact-area-table]').contains(impactareas.name).should('be.visible').click({force: true});
         //cy.get('.content-scroll-wrapper.block-content').find('.content-scroll-body').contains(impactArea.name).click({force: true});
  
      });
  });
  </code></pre>
  
  <p>});</p>
  
  <p><a href="https://i.stack.imgur.com/L6Eea.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L6Eea.png" alt="enter image description here"></a></p>