$30 off During Our Annual Pro Sale. View Details »

What should We do for front-end testing?

kkeeth
November 30, 2019

What should We do for front-end testing?

kkeeth

November 30, 2019
Tweet

More Decks by kkeeth

Other Decks in Technology

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