Tweet
Tweet

Slide 1

Slide 1 text

What should We do for front-end testing? kkeeth @kuwahara_jsri @clown0082 Nov 30, 2019 γεςϜςετࣗಈԽΧϯϑΝϨϯε2019

Slide 2

Slide 2 text

Is there anyone who has never written front-end test code before?

Slide 3

Slide 3 text

Why don’t you write test codes?

Slide 4

Slide 4 text

Bugs… Errors… Degrades…

Slide 5

Slide 5 text

Sorry, but it's not over ... When will it finish?

Slide 6

Slide 6 text

So, I recommend writing the test

Slide 7

Slide 7 text

About me const my_info = { Name: ‘܂ݪ੟ਔ’, Workplace: ‘Yumemi Inc’, Position: ‘Servant Leader’, Community: ‘Riot.js, Ionic, Dist’, PokemonGO: ‘TL40(max)’ }

Slide 8

Slide 8 text

github.com/riot

Slide 9

Slide 9 text

What should we do for front-end testing?

Slide 10

Slide 10 text

css stylings… Pages… State… Labels… UI components… Logics…

Slide 11

Slide 11 text

For now, let's study front-end test tools.

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

select one framework… write, write, write!!

Slide 15

Slide 15 text

Once again, What should we do for front-end testing?

Slide 16

Slide 16 text

UI components stylings? UI components attributes or data sets? HTML integrity after the event? Data integrity after store processing? Originally generated helpers, plugins, etc.? The codes related to business logic Points to be tested

Slide 17

Slide 17 text

sample test code of UI component

Slide 18

Slide 18 text

sample test code of UI component

Slide 19

Slide 19 text

Maybe, there all are corrects. If you could, you should test these points

Slide 20

Slide 20 text

But, I found a great standard when I was investigating…

Slide 21

Slide 21 text

Testing Trophy

Slide 22

Slide 22 text

quote source: https://testingjavascript.com/

Slide 23

Slide 23 text

Wait a minute. You only talk to JS tests, right?

Slide 24

Slide 24 text

REG SUIT quote source: https://reg-viz.github.io/reg-suit/

Slide 25

Slide 25 text

REG SUIT quote source: https://reg-viz.github.io/reg-suit/

Slide 26

Slide 26 text

Have a nice test and have a nice developer life!!

Slide 27

Slide 27 text

Publicity

Slide 28

Slide 28 text

We are hiring web developer.

Slide 29

Slide 29 text

There are funny system ‣ Decide our salary by ourself ‣ Unlimited paid leave ‣ All members are CEO

Slide 30

Slide 30 text

No content