Let's play with Cypress

Transcript

1. Let’S Play with Cypress
   2021/09/30 study group @ YUMEMI
   
   
   @kuwahara_jsri / kkeeth
   

   View Slide

2. Table of Contents
   What’s Cypress? E2E(End-To-End) Testing
   Reviewing the definition
   of E2E testing again
   An introduction to what
   cypress is all about
   Get Started(Demo) Features
   Other features and
   what you can do
   Let's see it in
   action!
   01 02
   03 04
   

   View Slide

3. Whoa!
   This slide is in English, but I’m
   not familiar with English yet.
   
   
   So, I may have a wrong
   expression.
   
   
   Plz feedback for me called
   “MASAKARI” about my English!!
   

   View Slide

4. What’s Cypress?
   An introduction to what
   cypress is all about
   01
   

   View Slide

5. Cypress
   Image By: https://www.cypress.io/
   

   View Slide

6. Cypress
   Image By: https://www.cypress.io/
   

   View Slide

7. in short
   ● E2E Testing Framework
   
   
   ● Writing Easily, Quickly
   
   
   ● Simple and No dependencies
   

   View Slide

8. What is an
   
   
   “E2E Testing” anyway…?
   

   View Slide

9. E2E Testing
   Reviewing the definition of
   E2E testing again
   02
   

   View Slide

10. It is also called User Interface Test,
    and is used to test the entire system.
    E2E Testing
    

    View Slide

11. by the way,
    
    
    Do you know “Testing Pyramid”?
    

    View Slide

12. 70%
    Image By: https://testing.googleblog.com/2015/04/just-say-no-to-more-end-to-end-tests.html
    Testing Pyramid
    ROI
    20%
    10%
    

    View Slide

13. Just hurry up and show me a
    demo of the Cypress code!!
    

    View Slide

14. Get Started(Demo)
    Let's see it in action!
    03
    

    View Slide

15. Demo URL: https://vimeo.com/237115455
    More Information
    

    View Slide

16. Demo URL: https://vimeo.com/237115455
    More Information
    

    View Slide

17. Features
    Other features
    
    
    and
    
    
    what you can do
    04
    

    View Slide

18. how to write
    
    
    the base
    

    View Slide

19. Basic Auth
    

    View Slide

20. Using Fixture
    

    View Slide

21. Commands
    

    View Slide

22. There are many more features,
    
    
    so check it out!
    We can write “Unit Test”
    
    
    by using Cypress!
    

    View Slide

23. Let’s play E2E testing
    with cypress!!
    

    View Slide

24. const my_info = {
    
    
    Name: ‘Kuwahara KEETH Kiyohito’,
    
    
    Position: ‘FE Tech Lead/Board’,
    
    
    Skills: ‘Riot.js/Next.js/Nuxt.js’,
    
    
    }
    Speaker
    

    View Slide

25. CREDITS: This presentation template was
    created by Slidesgo, including icons by
    Flaticon, infographics & images by Freepik
    THANKS!
    Do you have any questions?
    
    
    k_kuwahara@yumemi.co.jp
    
    
    +81 03 5432 5801
    
    
    yumemi.co.jp
    Please keep this slide for attribution
    

    View Slide

26. View Slide