What should We do for front-end testing?

Transcript

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

   View Slide

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

   View Slide

3. Why don’t you
   write test codes?
   

   View Slide

4. Bugs…
   Errors…
   Degrades…
   

   View Slide

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

   View Slide

6. So, I recommend
   writing the test
   

   View Slide

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

   View Slide

8. github.com/riot
   

   View Slide

9. What should we do
   for front-end testing?
   

   View Slide

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

    View Slide

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

    View Slide

12. View Slide

13. View Slide

14. select one framework…
    write, write, write!!
    

    View Slide

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

    View Slide

16. 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
    

    View Slide

17. sample test code of UI component
    

    View Slide

18. sample test code of UI component
    

    View Slide

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

    View Slide

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

    View Slide

21. Testing Trophy
    

    View Slide

22. quote source:
    https://testingjavascript.com/
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

27. Publicity
    

    View Slide

28. We are hiring web developer.
    

    View Slide

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

    View Slide

30. View Slide