Upgrade to Pro — share decks privately, control downloads, hide ads and more …

iOS UI Testing Techniques on LINE MAN App

iOS UI Testing Techniques on LINE MAN App

LINE Developers Thailand

September 13, 2020
Tweet

More Decks by LINE Developers Thailand

Other Decks in Technology

Transcript

  1. 14:55 - 15:30
    Akadet Mathurapoj
    Ungsumalynn
    Punnyarphattreephop
    iOS UI Testing
    Techniques on
    LINE MAN App
    QA Autumation, LINE MAN Wongnai
    iOS Engineer, LINE MAN Wongnai

    View Slide

  2. iOS UI Testing
    Techniques on
    LINE MAN App

    View Slide

  3. • iOS UI Automation Testing on LINE MAN App
    • How to make your test automation more stable
    • How to navigate to specific page
    • Snapshot test
    Agenda

    View Slide

  4. @LINEMAN
    Previously iOS UI Testing

    View Slide

  5. Assertion
    Action
    Setup UI
    Prepare testing data API to prepare data
    From server
    From third party
    iOS UI Testing

    View Slide

  6. Assertion
    Action
    Setup UI
    Prepare testing data Login
    Logout
    Launch app
    etc.
    iOS UI Testing

    View Slide

  7. Assertion
    Action
    Setup UI
    Prepare testing data Click
    Long Click
    Double Click
    Scroll
    Swipe
    Etc.
    iOS UI Testing

    View Slide

  8. Assertion
    Action
    Setup UI
    Prepare testing data isDisplayed
    Compare text
    isClickable
    isSelected
    Etc.
    iOS UI Testing

    View Slide

  9. Check
    Restaurant Name
    Test cases
    Validate Restaurant Details Page
    (Check Restaurant Name and
    Image)
    Check
    Restaurant Image
    Example Test Scenario

    View Slide

  10. Login
    Restaurant
    Home
    Food
    Logout

    View Slide

  11. Login
    Restaurant
    Home
    Food
    Logout

    View Slide

  12. Login
    Restaurant
    Home
    Food
    Logout

    View Slide

  13. Login
    Restaurant
    Home
    Food
    Logout
    Restaurant

    View Slide

  14. DisplayedName
    Login
    Restaurant
    Home
    Food
    Logout

    View Slide

  15. Login Restaurant Logout
    Home Food
    Server
    Validate Restaurant Details Page
    (Check Restaurant Name and Image)

    View Slide

  16. Known Issues

    View Slide

  17. Take Long Time

    View Slide

  18. Login Restaurant Logout
    Home Food
    Validate Restaurant Details Page
    (Check Restaurant Name and Image)

    View Slide

  19. Login Restaurant Logout
    Home Food
    Validate Restaurant Details Page
    (Check Restaurant Name and Image)
    Server

    View Slide

  20. Login Restaurant Logout
    Home Food
    Validate Restaurant Details Page
    (Check Restaurant Name and Image)
    Server

    View Slide

  21. View Slide

  22. Unstable

    View Slide

  23. Checking
    Restaurant Name

    View Slide

  24. Checked
    Restaurant Name

    View Slide

  25. Checked
    Restaurant Name

    View Slide

  26. View Slide

  27. Hard to Develop

    View Slide

  28. Create Order
    Display Driver Accepted Order Page

    View Slide

  29. Create Order
    Display Driver Accepted Order Page
    Get Available Driver
    Update Driver Location
    Driver Accept Order

    View Slide

  30. Maintenance

    View Slide

  31. Create Order
    Display Driver Accepted Order Page
    Get Available Driver
    Update Driver Location
    Driver Accept Order

    View Slide

  32. Create Order
    Display Driver Accepted Order Page
    Get Available Driver
    Update Driver Location
    Driver Accept Order
    API TEST

    View Slide

  33. Create Order
    Display Driver Accepted Order Page
    Get Available Driver
    Update Driver Location
    Driver Accept Order
    API TEST
    UI TEST

    View Slide

  34. Create Order
    Display Driver Accepted Order Page
    Get Available Driver
    Update Driver Location
    Driver Accept Order
    API TEST
    UI TEST
    Get Available Driver
    Update Driver Location
    Driver Accept Order
    API TEST
    We have already

    View Slide

  35. Dependency

    View Slide

  36. View Slide

  37. Maintenance
    Take Long Time Unstable Hard to develop
    Dependency
    Known Issues

    View Slide

  38. 1. Mock Data

    View Slide

  39. Mock Data

    View Slide

  40. Login Restaurant Logout
    Home Food
    Server

    View Slide

  41. UI Testing
    Redirect URL to Node-Red

    View Slide

  42. UI Testing App LINE MAN
    Redirect URL to Node-Red

    View Slide

  43. Login Restaurant Logout
    Home Food
    Node-RED

    View Slide

  44. 2. Bypass Login

    View Slide

  45. Bypass Login

    View Slide

  46. Restaurant Logout
    Home Food
    Node-RED
    -overrideToken
    Login
    Bypass Login

    View Slide

  47. 3. Deeplink

    View Slide

  48. -Deeplink-Lineman://Restaurant-Detail
    1 2
    Deeplink

    View Slide

  49. Restaurant Logout
    Home Food
    Node-RED
    -Deeplink-Lineman://Restaurant-Detail
    Login
    Launch App by Deeplink

    View Slide

  50. -Deeplink-Lineman://Restaurant-Detail?Restaurant-Type=Cloud-Kitchen
    1 2 3
    Deeplink With Query String

    View Slide

  51. Restaurant-Type=Official Restaurant-Type=Cloud-Kitchen
    Deeplink With Query String

    View Slide

  52. 3 Tips Solutions

    View Slide

  53. DEMO

    View Slide

  54. Test Case

    View Slide

  55. • Take Long Time
    • Unstable
    • Hard To Develop
    • Maintenance
    • Dependency
    Problems

    View Slide

  56. • Node-RED for Prepare Data Test
    • Bypass Login for Skip Step Click Login
    • Deeplink for Navigate to Expectation Page
    Solutions

    View Slide

  57. @LINEMAN
    SNAPSHOT TEST

    View Slide

  58. Actual Image
    Compare
    Images
    Expect Image
    Keyword

    View Slide

  59. Recorded
    Expect Image
    Recorded
    Actual Image

    View Slide

  60. Recorded
    Expect Image
    Recorded
    Actual Image

    View Slide

  61. Recorded
    Expect Image
    Recorded
    Actual Image

    View Slide

  62. Recorded
    Expect Image
    Recorded
    Actual Image

    View Slide

  63. Recorded
    Expect Image
    Recorded
    Actual Image

    View Slide

  64. View Slide

  65. Compare Images

    View Slide

  66. View Slide

  67. DEMO

    View Slide

  68. “Enjoy Working”

    View Slide

  69. View Slide