Manual tests for Visual Flow Editor

Guidelines for documenting the manual tests:

• Summarize the elements covered in the test
• Enumerate the steps (ordered list)
• Call out test points with a TEST bullet
• Include screenshots as appropriate; many of the manual tests will be visual, so screenshots are helpful

BEFORE YOU START TESTING...

1. Install and run the App Builder
2. Create the new application named FlowTest
3. Open the FlowTest

Create simple feed flow

1. Click New File and select Flow in /public
2. Type test.flow after /public/ and click Create
3. TEST verify you get a "Do you want to enable the flow component?" prompt, and click "Add".
   
4. TEST verify the path (including filename) is displayed in the right side of the editor toolbar.
5. Click the "Dependencies" tab
6. TEST verify the ivy.xml now contains zero.assemble.flow.
7. Back to "File Editor" tab.Drag a feed activity from the palette and drop on to canvas.
8. TEST verify the feed activity is created successfully.
9. Drag and drop feed,aggregateFeeds,sortFeed,replyGET to create a flow as below.
10. TEST verify the flow diagram is created successfully.
11. Move the mouse to "feed_0" and click the "feed_0" text.Change the name to "YahooNews".
    
12. TEST verify the name is changed successfully.
13. Click the Property icon on the right top of the figure.Set the 'url' attribute to http://rss.news.yahoo.com/rss/topstories. Click "OK".
    
14. Change the "feed_1" to "YahooSports" and set the 'url' attribute to http://rss.news.yahoo.com/rss/sports as above step.Click "OK".
15. Open the "sortFeed" activity's properties dialog.Set 'sortBy' attribute to 'atom:title'.Click "OK" to close properties dialog.
    
16. Click the "Start" to start the application,point your browser to http://localhost:8080/test.flow.
17. TEST verify a feed is shown and feed is ordered by title.
    
18. Back to "File Editor" tab.Click on the "Source" tab at the bottom of the editor.
19. TEST verify the flow XML is saved.
    
20. Modify the "title" in aggregateFeeds activity to "My favorite News"
    
21. Save it and Click on the "Design" tab.
22. Open the properties dialog of aggregateFeeds.
23. TEST verify the "title" attribute is filled with the value "My favorite News".
    
24. TEST Refresh the http://localhost:8080/test.flow, verify the feed title is changed to "My favorite News".
25. TEST Undo a few actions; verify changes
26. TEST Redo the same number of actions; verify changes and result should match the file before the undo test
27. TEST "checkpoint" the file, add another activity, then "restore" the file; Verify the contents match the checkpointed contents
28. TEST Rename the file (double click it in the "All Files" view), verify name is updated in toolbar correctly (in Design and Source views)
29. TEST Delete the open file (hover over, then click the X icon in the "All Files" view), verify editor is closed when deleted

Create simple collaboration flow

1. Click New File and select Zero Resource Model in /app/models
2. Type TravelRequest.json after /app/models/ and click Create
3. Create the ZRM as following
   
   Or simple copy below model to Model Editor's source.

   {
       "fields": {
           "name": {
               "label": "", 
               "required": false, 
               "type": "string", 
               "description": "", 
               "default_value": "", 
               "max_length": 50
           }, 
           "email": {
               "label": "", 
               "required": true, 
               "type": "string", 
               "description": "", 
               "default_value": "", 
               "max_length": 50
           }, 
           "manager": {
               "label": "", 
               "required": false, 
               "type": "string", 
               "description": "", 
               "default_value": "", 
               "max_length": 50
           }, 
           "purpose": {
               "label": "", 
               "required": false, 
               "type": "string", 
               "description": "", 
               "default_value": "", 
               "max_length": 50
           }, 
           "destination": {
               "label": "", 
               "required": false, 
               "type": "string", 
               "description": "", 
               "default_value": "", 
               "max_length": 50
           }, 
           "departure": {
               "label": "", 
               "required": false, 
               "type": "date", 
               "description": "", 
               "default_value": ""
           }, 
           "approve": {
               "label": "", 
               "required": false, 
               "type": "boolean", 
               "description": "", 
               "default_value": ""
           }
       }
   }
      

4. Click New File and select Flow in /public
5. Type TravelRequest.flow after /public/ and click Create
6. Click the Collaboration in the right palette
7. Drag and drop webUI,sendMail activities and connect the link to create the flow as below.
   
8. Rename activities' name to travelRequest, travelApprove, sendApproval, sendRejection as below.
   
9. Double click travelRequest activity to pop up the property dialog.
10. Click the Create UI beside the view input box.
11. TEST verify the WebUI Editor pop up as below.
    .
12. Select TravelRequest in "Outgoing Data for travelRequest" section.
13. Move mouse over approve row and click to remove approve row.
14. TEST verify the WebUI Editor now like below.
    
15. Click OK to close the WebUI Editor.
16. TEST verify the view attribute now is filled with /travelRequest.gt.
    
17. Click OK to close the property dialog.
18. Double click travelApprove activity to pop up the property dialog.
19. Click the Create UI beside the view input box.
20. Select TravelRequest in two selections.
21. Remove approve row in Incoming Data for travelApprove section.
22. Only keep approve in Outgoing Data for travelApprove section.
23. TEST verify the WebUI Editor now like below.
    
24. Click the Edit in approve row and select the ElementType to radio.Then click save to apply the change.
    
25. Click OK to close the WebUI Editor.
26. TEST verify the view attribute now is filled with /travelApprove.gt.
27. Click Advanced checkbox to show the optional attributes.
28. Fill the attribute assignTo as ${travelRequest.manager}
29. Fill the attribute title as Please approve the travel request
30. Select the input data from drop down box as ${travelRequest}.
    
31. Open sendApproval activity properties dialog and fill the attributes and inputs as below. subject --> Your travel request has been approved address --> ${travelRequest.email} body --> Your travel request has been approved .
    
32. Click OK to close the property dialog.
33. Open sendRejection activity properties dialog and fill the attributes and inputs as below. subject --> Your travel request has been rejected address --> ${travelRequest.email} body --> Your travel request has been rejected .
    
34. Click OK to close the property dialog.
35. Click link between travelApprove and sendApproval.
    .
36. Click the property icon and fill the condition with travelApprove.approve.
    .
37. Click OK to close the property dialog.
38. Click link between travelApprove and sendRejection.
39. Click the property icon and fill the condition with !travelApprove.approve.
40. Click Ok to close the property dialog.
41. Open zero.config
42. Add follow config to zero.config

     /config/connection/defaults/smtp/hostname = "smtp.hursley.ibm.com"
     

43. Click the "Start" to start the application(restart if it's running), point your browser to http://localhost:8080/TravelRequest.flow.
44. TEST verify the UI like below.
    .
45. Fill the form.Make sure fill the email and manager with your email so that you can receive the notification mail.
    .
46. Check your mail(Actually the mail address filled in manager field in above step).
47. TEST verify you get the notification mail.
    .
48. Click the *Click here to open the web page * link to open the approve page.
49. TEST verify the UI like below.
    .
50. Click yes in approve and click Submit
51. Check your mail(Actually the mail address filled in email field).
52. TEST verify you get the travel request approved notification mail.
    .

Add extension activity

1. Open zero.config in the project
2. Add follow config to zero.config.

         /config/activity/metadata/myActivity = {
                "attributes" : [
                    {"name":"message"},
                    {"name":"url", "required":false}
                 ],
                "inputs" : [        
                    {"name": "body", "occurrence": "0..1"}
              ]
         }

3. Swith Tab from File Editor to Explorer
4. Upload file to /public/tooling/icon-activity/myActivity.png.
   (Note:Need create empty directory /public/tooling/icon-activity before upload. The file name should be "myActivity.png", you may need to rename the image to "myActivity.png" when you save the manual test image to your computer)
   
5. Upload file to /public/tooling/figure-activity/myActivity.png.
   (Note:Need create empty directory /public/tooling/figure-activity before upload. The file name should be "myActivity.png", you may need to rename the image to "myActivity.png" when you save the manual test image to your computer)
   
6. Create a new file /public/tooling/categories/myactivities.json
7. Input following JSON into it:

   {
      "name" : "My activities",
      "description" : "My activities",
      "item" : [
         {
            "name" : "myActivity",         
            "type": "myActivity"
         }
      ]
   }

8. Create a new flow file /public/testextension.flow
9. TEST verify a new category 'My activities' is shown in the palette
10. TEST verify myActivity is shown in the palette and the icon is the one added in step 4.
    
11. Drag the myActivity to the canvas.
12. TEST verify a myActivity is created in the canvas and the figure is the one added in step 5.
    
13. TEST Hover the mouse on warning icon , a tip will be shown up.
    
14. Double click the figure to pop up the property dialog
15. TEST verify the attribute and input are shown as below.
    
16. Click the Advanced check box
17. TEST verify the optional attribute ‘url’ is shown.