Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Understand the AI-powered test automation with Magic Pod

357 vues

Publié le

Let's learn the usage of AI-powered test tool "Magic Pod" ( https://magic-pod.com/en/ ) just in 2 hours.

Publié dans : Technologie
  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

Understand the AI-powered test automation with Magic Pod

  1. 1. [Learning Material] Understand the AI-powered test automation with Magic Pod
  2. 2. Agenda 1. Introduction of Magic Pod 2. Basic exercises 3. Practical exercises 4. Technical detail and future of Magic Pod
  3. 3. Agenda 1. Introduction of Magic Pod 2. Basic exercises 3. Practical exercises 4. Technical detail and future of Magic Pod
  4. 4. 1. Introduction of Magic Pod Translation Writing articles Driving Warehouse work AI is changing many industries https://www.tesla.com/autopilot https://translate.google.com/ https://techcrunch.com/2019/06/05/amazon-debuts-a-pair-of-new-warehouse-robots/ https://digiday.com/media/washington-posts-robot-reporter-published-500-articles-last-year/
  5. 5. 1. Introduction of Magic Pod How AI can change test automation? Test design Test execution Exploratory testing Unit testing Static analysis
  6. 6. Test execution 1. Introduction of Magic Pod How AI can change test automation? Test design Exploratory testing Unit testing Static analysis Hard to exceed human Target of Magic Pod Include may repetitive works
  7. 7. 1. Introduction of Magic Pod Make “test execution” more efficient • “Test automation” tools are already prevalent - Selenium (Web app) - Appium (Mobile app) • Existing problems - Cost of creating test script - Complicated test script - Cost of maintenance • Magic Pod attempts to resolve these problems!
  8. 8. 1. Introduction of Magic Pod Magic Pod • Test Automation web service empowered by AI - Use ML technologies such as deep learning - Both for web (early preview phase) and mobile ① AI detects elements from an app UI ② Create a test case by drag & drop the UI elements
  9. 9. 1. Introduction of Magic Pod Image movie https://www.youtube.com/watch?v=X9D4Vt5sL_M
  10. 10. 1. Introduction of Magic Pod Goal of this workshop Experience and understand how AI test automation tool works through Magic Pod
  11. 11. Agenda 1. Introduction of Magic Pod 2. Basic exercises 3. Practical exercises 4. Technical detail and future of Magic Pod
  12. 12. Basic exercises • Set up Magic Pod environment • Learn the usage of basic commands, using the ”UI Catalog” app
  13. 13. Register user 1. Visit magic-pod.com/en by Chrome 2. Click “Try free plan” button 3. Sign up 4. Verify e-mail address 2. Basic exercises
  14. 14. Create organization/project/test • Organization: unique your organization name • Project: BasicTutorial • TestCase: Exercise1 2. Basic exercises
  15. 15. Go to the test edit page • Click “Edit test case” button 2. Basic exercises
  16. 16. Launch a cloud iOS simulator 2. Basic exercises ② Click launch-device button ① Select “UI Catalog demo app”
  17. 17. Exercise1: Let’s create a test case 2. Basic exercises Exercise1 Create a simple test case that launches “UI Catalog” app Views”
  18. 18. Exercise1: Take screenshot of the top page 2. Basic exercises
  19. 19. Exercise1: Drag & Drop UI item “Alert Views” 2. Basic exercises
  20. 20. Exercise1: Run test 2. Basic exercises
  21. 21. Exercise1: Check test result 2. Basic exercises
  22. 22. Exercise1: Answer of the exercise 2. Basic exercises
  23. 23. Exercise2: Let’s create a multi-UIs test case 2. Basic exercises Exercise2 Create the following test case for “UI Catalog” app 1 Tap the row “Alert Views” 2 Tap the row “Simple” 3 Tap the button “OK”
  24. 24. Exercise2: Create another test case • Keep the simulator window • Back to the project page • Add new test case “Exercise2” 2. Basic exercises
  25. 25. Exercise2: Share existing UI • Drag the top page UI to “Shared UI” area • The UI can be used for “Exercise1” and “Exercise2” 2. Basic exercises
  26. 26. Exercise2: Switch multiple UIs • Take another screenshot for Exercise2 • You can switch UI by the switch button 2. Basic exercises
  27. 27. Exercise2: Answer of the exercise 2. Basic exercises
  28. 28. Exercise2: Tips “Rename UI” • You can set better UI names 2. Basic exercises
  29. 29. Exercise2: Tips “Rename UI element” • You can even set better UI element names 2. Basic exercises
  30. 30. Exercise3: Let’s scroll to the specific element 2. Basic exercises Exercise3 (10 mins) Create the test case that taps the row “Text fields”
  31. 31. 1. Take the screenshot including the tap target element 2. Display the element by “Continue swipe” command 3. Tap the element 2. Basic exercises Exercise3: Tap the element out of the screen Be careful about the swipe direction!
  32. 32. Exercise3: Answer of the exercise 2. Basic exercises
  33. 33. Exercise4: Let’s input text 2. Basic exercises Exercise4 (10 mins) Create the following test case for “UI Catalog” app 1 Tap the row “Text fields” 2 Input ”Magic Pod” to DEFAULT text area 3 Check that value of the text area is “Magic Pod”
  34. 34. Exercise4: Commands for input and check 2. Basic exercises Text input command Text check command
  35. 35. Exercise4: Answer of the exercise 2. Basic exercises ❇︎Note: Some elements have been renamed
  36. 36. Basic exercises have been completed! 2. Basic exercises
  37. 37. • Terminate device before moving on to the next exercise • I will explain the reason later 2. Basic exercises Important notice
  38. 38. Agenda 1. Introduction of Magic Pod 2. Basic exercises 3. Practical exercises 4. Technical detail and future of Magic Pod
  39. 39. Practical exercises • Automate more practical test case for “Contacts” app
  40. 40. Create another project/test • We recommend to create a project per app • Note: Cloud device session is not shared among different projects 3. Practical exercises
  41. 41. Create another project/test • Organization: Use the same organization • Project: PracticalTutorial • TestCase: Exercise 3. Practical exercises
  42. 42. Launch “Contacts” app 3. Practical exercises
  43. 43. Exercise: Let’s create a test for “Contacts” app 3. Practical exercises Exercise (30 minutes) Create the test case to add and check a new contact for
  44. 44. Test case 3. Practical exercises 1 Tap “+” 2 Set First name, Last name, Company, phone, email 3 Tap “Done" 4 Check if expected name, company, phone, email are
  45. 45. Hint1: If the target element is overridden by other element 3. Practical exercises • Dig out the correct target element Wrong target Correct target
  46. 46. Hint2: Want to avoid taking so many screenshots? 3. Practical exercises • Take the screenshot which can cover much cases Worse Better
  47. 47. Hint3: Want to create reusable test? 3. Practical exercises • Use the locator which does not contain check target text • Then you can easily change target text value Worse Better (although still lengthy..)
  48. 48. Exercise: Answer of the exercise 3. Practical exercises
  49. 49. Exercise: Answer of the exercise 3. Practical exercises
  50. 50. Practical exercises have been completed! 3. Practical exercises
  51. 51. Agenda 1. Introduction of Magic Pod 2. Basic exercises 3. Practical exercises 4. Technical detail and future of Magic Pod
  52. 52. Mechanism of test creation/run 4. Technical detail and future of Magic Pod
  53. 53. Mechanism of test creation 4. Technical detail and future of Magic Pod ② Analyze image and tree ① Retrieve the device image & internal UI element tree
  54. 54. Mechanism of test creation 4. Technical detail and future of Magic Pod ③ Choose items & create a test ④ Generate test scrip from the internal UI element information at the same time Test script
  55. 55. Mechanism of test run 4. Technical detail and future of Magic Pod ⑤ Run with test automation tool “Appium”
  56. 56. Where AI is used? 4. Technical detail and future of Magic Pod
  57. 57. Where AI is used? 1. Calculate UI element name 2. Locate UI element 4. Technical detail and future of Magic Pod
  58. 58. Calculate UI element name 4. Technical detail and future of Magic Pod User-friendly name calculated by: • OCN (Optical Character Recognition) • DNN (Deep Neural Network) • Internal element information Internal element information used by Appium
  59. 59. Calculate UI element name 4. Technical detail and future of Magic Pod By OCR By OCR By DNN By DNN
  60. 60. Locate UI element 4. Technical detail and future of Magic Pod • You can change the locator for UI element • Some UI element can locate element by runtime AI scan
  61. 61. The goal of Magic Pod 4. Technical detail and future of Magic Pod
  62. 62. The goal of Magic Pod • Understand test cases for manual test by human and automate it by AI 4. Technical detail and future of Magic Pod Log in with user@example.com / pass01 user@example.com pass01
  63. 63. Challenges to be resolved • Various expressions for the same test step - We can overcome it by the existing ML technology • Infer the omitted explanations - Still not easy 4. Technical detail and future of Magic Pod Log in with user@example.com / pass01 Input user@example.com to “Email” area Input pass01 to “Password” area Click “Log in” button
  64. 64. Thanks for attending!! 4. Technical detail and future of Magic Pod

×