commit 20c4a8e371d20cb54333bc86210e808622bf9bfc · kitten.sh/use-interactions

+18 -4
src/__tests__/useDismissable.test.tsx
···

       25
       25
        
           </main>

     

       26
       26
        
         );

     

       27
       27
        
       

     

       28
       28
       -
         cy.get('.inside').as('inside').click();

     

       28
       28
       +
         cy.get('.inside').as('inside').realClick();

     

       29
       29
        
         cy.get('@inside').should('be.visible');

     

       30
       30
       -
         cy.get('.outside').first().click();

     

       30
       30
       +
         cy.get('.outside').first().realClick();

     

       31
       31
        
         cy.get('@inside').should('not.be.visible');

     

       32
       32
        
       });

     

       33
       33
        
       

     
···

       42
       42
        
       

     

       43
       43
        
         cy.get('.inside').as('inside').should('be.visible');

     

       44
       44
        
         // at first not dismissed

     

       45
       45
       -
         cy.get('.outside').first().click();

     

       45
       45
       +
         cy.get('.outside').first().realClick();

     

       46
       46
        
         cy.get('@inside').should('be.visible');

     

       47
       47
        
         // dismissed when the second Dialog loses focus

     

       48
       48
       -
         cy.get('.outside').first().click();

     

       48
       48
       +
         cy.get('.outside').first().realClick();

     

       49
       49
       +
         cy.get('@inside').should('not.be.visible');

     

       50
       50
       +
       });

     

       51
       51
       +
       

     

       52
       52
       +
       it('is dismissed by tapping outside', () => {

     

       53
       53
       +
         mount(

     

       54
       54
       +
           <main>

     

       55
       55
       +
             <button className="outside">outside</button>

     

       56
       56
       +
             <Dialog />

     

       57
       57
       +
           </main>

     

       58
       58
       +
         );

     

       59
       59
       +
       

     

       60
       60
       +
         cy.get('.inside').as('inside').realClick();

     

       61
       61
       +
         cy.get('@inside').should('be.visible');

     

       62
       62
       +
         cy.get('.outside').first().realTouch();

     

       49
       63
        
         cy.get('@inside').should('not.be.visible');

     

       50
       64
        
       });

     

       51
       65