Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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!!

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

What is an “E2E Testing” anyway…?

Slide 9

Slide 9 text

E2E Testing Reviewing the definition of E2E testing again 02

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

Features Other features and what you can do 04

Slide 18

Slide 18 text

how to write the base

Slide 19

Slide 19 text

Basic Auth

Slide 20

Slide 20 text

Using Fixture

Slide 21

Slide 21 text

Commands

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

Let’s play E2E testing with cypress!!

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

No content