Skip to Content

Capture and Declare an Application to Trigger Technical Events

Capture and declare an order detail application to retrieve details on an excel spreadsheet
You will learn
  • How to capture and declare a Sales Orders application
    • How to declare the elements
celineaudinsapCéline AudinDecember 12, 2022
Created by
celineaudinsap
November 20, 2022
Contributors
celineaudinsap
pbujnicka
  • Step 1

    The first step consists in creating the Business Process Project.

    1. In the Lobby of Build, choose Create.

      Create Business Process
    2. Select Build an Automated Process.

      Build Automated Process
    3. Select Business Process.

      Business Process
    4. In the Create Business Process window, name the project Get Order Details and choose Create.

      Create Business Process Project
    5. You will be navigated to the Get Order Details business process project overview page.

    6. You will be prompted to configure your agent version. Select the agent version that is registered on your machine.

    7. Choose Confirm.

      Configure Agent Version
  • Step 2

    Now you can start capturing the application you wish to retrieve the order details from.

    1. Open the Browse Orders application in a different window. You will capture the details of one order from the Browse Order page. To do so, select an order.

      Make sure the Browse Order page is open in a separate window than SAP Build Process Automation.

    2. Navigate back to the Overview tab.

    3. In the Overview page, select Create and then Application.

      Create Application
    4. Select the Browse Orders screen from the list, choose Capture application and Capture.

      Capture Application

      The screen that you captured will appear in the Build Process Automation page.

    5. Select the captured screen.

      Capture Application
    6. In the Screen Details panel change the name to Order Details.

    7. Remove the criteria Mainframe and add the criteria URL. Change the Operator to contains and the Value to tab=shipping. Choose Apply.

    8. Choose Save.

      Order Details Screen
  • Step 3
    1. You will now declare an Order Reference on the Order Details screen.

    2. Choose Both to have a view of the screen and the tree.

    3. Find the element that corresponds to an order. In this case, order 7991 is chosen.

    4. In the Element Details panel, remove Text as criteria and add id as criteria.

    5. Change the Name to Order Reference.

    6. Choose Declare Element and hit Save.

    Declare Order Reference
  • Step 4
    1. You will now declare the customer name related to order 7991. Select the Order Details screen.

    2. Choose Both to have a view of the screen and the tree.

    3. Find the element that corresponds to the customer Berglunds snabbköp.

    4. In the Element Details panel, remove Text as criteria and add id and class as criteria.

    5. Change the Name to Customer Name.

    6. Choose Declare Elements and hit Save.

    Declare Customer Name
  • Step 5
    1. You will now declare the order amount of this order. Select the Order Details screen.

    2. Select the order amount on the screen.

    3. In the Element Details panel, change the name to Order Amount.

    4. Remove Text as criteria and add id and class.

    5. Choose Declare Element and hit Save.

    Declare Order Amount
  • Step 6
    1. You will declare the shipping address name. Select the Order Details screen.

    2. Choose Both to have a view of the screen and the tree.

    3. Find the DIV that corresponds to the shipping address name on the screen.

    4. In the Element Details panel, change the name to Shipping Address Name.

    5. Remove Text as criteria and add class and nth-child-tag=1.

    6. Choose Declare Element and hit Save.

      Declare Shipping Address Name
    7. You will move on to declare the next shipping detail: the street. Select the Order Details screen.

    8. Choose Both to have a view of the screen and the tree.

    9. Find the DIV that corresponds to the shipping address street on the screen.

    10. In the Element Details panel, change the name to Shipping Address Street.

    11. Remove Text as criteria and add Class and nth-child-tag=3.

    12. Choose Declare Element and hit Save.

      Declare Shipping Address Street
    13. You will declare the next shipping detail: the zip code/city. Select the Order Details screen.

    14. Choose Both to have a view of the screen and the tree.

    15. Find the DIV that corresponds to the shipping address zip code/city on the screen.

    16. In the Element Details panel, change the name to Shipping Address Zip Code City.

    17. Remove Text as criteria and add class and nth-child-tag=5.

    18. Choose Declare Element and hit Save.

      Declare Shipping Address Street
    19. You will declare the next shipping detail: the region. Select the Order Details screen.

    20. Choose Both to have a view of the screen and the tree.

    21. Find the DIV that corresponds to the shipping address region on the screen.

    22. In the Element Details panel, change the name to Shipping Address Region.

    23. Remove Text as criteria and add class and nth-child-tag=7.

    24. Choose Declare Element and hit Save.

      Declare Shipping Address Street
    25. Lastly, you will declare the last shipping detail: the country. Select the Order Details screen.

    26. Choose Both to have a view of the screen and the tree.

    27. Find the DIV that corresponds to the shipping address country on the screen.

    28. In the Element Details panel, change the name to Shipping Address Country.

    29. Remove Text as criteria and add class and nth-child-tag=9.

    30. Choose Declare Element and hit Save.

      Declare Shipping Address Street
  • Step 7
    1. Now you will declare the Line Items on the Order Details screen. First, you will declare the Table Header (TH) element. Select the Order Details screen.

    2. Choose Both to have a view of the screen and the tree.

    3. Find the TH that corresponds to the Product header on the screen.

    4. In the Element Details panel, change the name to Table Header.

    5. Remove Text as criteria and add class.

      Declare Line Items Product
    6. Now choose the three dots next to the TH element and select Set as collection.

      The Table Header consists of several items hence it needs to be set as a collection.

    7. Choose Declare Element and hit Save.

      Declare Line Items Product
    8. Next, you will declare the Table Row (TR) element. Select the Order Details screen.

    9. Choose Both to have a view of the screen and the tree.

    10. Find the TR that corresponds to the first row’s table on the screen.

    11. In the Element Details panel, change the name to Table Row.

    12. Remove Text as criteria.

      Declare Line Items Row
    13. Now choose the three dots next to the TR element and select Set as collection.

    14. Choose Declare Element and hit Save.

      Declare Line Items Product
    15. Lastly, you will declare the Table Data (TD) element. Select the Order Details screen.

    16. Choose Both to have a view of the screen and the tree.

    17. Find the TD that corresponds to the data found in the first row’s table on the screen.

    18. In the Element Details panel, change the name to Table Data.

    19. Remove Text as criteria and add class.

      Declare Line Items
    20. Now choose the three dots next to the TD element and select Set as collection.

    21. Choose Declare Element and hit Save.

    22. You need to add the Table Row element as criteria. Select Table Data from the list of Declared Elements, choose the tree dots next to the Table Row element and from the drop-down menu choose Add to criteria.

    23. Choose Save.

      Declare Line Items

      Now that the application is fully captured and declared, you may start designing your automation.


    In what case do you set as collection an element?

Back to top