Add testcase and doc for cardview

docs/user_guide.md

@@ -79,6 +79,10 @@ After the project is created, you can browse repositories, members, logs, replic
 
 ![browse project](img/new_browse_project.png)
 
+There are two views to show repositories, listview, and cardview, you can switch between them by click correspond icon.
+
+![browse repositories](img/browse_project_repositories.png)
+
 All logs can be listed by clicking "Logs". You can apply a filter by username, or operations and dates under "Advanced Search".  
 
 ![browse project](img/log_search_advanced.png)

tests/resources/Harbor-Pages/Project.robot

@@ -105,6 +105,15 @@ Delete Repo
     Sleep  1
     Click Element  xpath=//button[contains(.,"CLOSE")]
 
+Delete Repo on CardView
+    [Arguments]  ${reponame}
+    Click Element  xpath=//hbr-gridview//span[contains(.,'reponame')]//clr-dropdown/button
+    Sleep  1
+    Click Element  xpath=//hbr-gridview//span[contains(.,'reponame')]//clr-dropdown/clr-dropdown-menu/button[contains(.,'Delete')]
+    Sleep  1
+    Click Element  //clr-modal//button[contains(.,'DELETE')]
+    Sleep  3
+
 Delete Project
     [Arguments]  ${projectname}
     Sleep  1
@@ -190,6 +199,11 @@ Go Into Repo
     Sleep  2
     Capture Page Screenshot  gointo_${repoName}.png
 
+Switch To CardView
+    Sleep  2
+    Click Element  xpath=//hbr-repository-gridview//span[1]/clr-icon
+    Sleep  5
+
 Expand Repo
     [Arguments]  ${projectname}
     Click Element  //repository//clr-dg-row[contains(.,'${projectname}')]//button/clr-icon

tests/robot-cases/Group11-Nightly/Nightly.robot

@@ -534,6 +534,21 @@ Test Case - Delete Multi Tag
     Delete Success
     Close Browser
 
+Test Case - Delete Repo on CardView
+    Init Chrome Driver
+    ${d}=   Get Current Date  result_format=%m%s
+    Create An New User  ${HARBOR_URL}  test${d}  test${d}@vmware.com  test${d}  Test1@34  harbor
+    Create An New Project  project${d}
+    Push Image  ${ip}  test${d}  Test1@34  project${d}  hello-world
+    Push Image  ${ip}  test${d}  Test1@34  project${d}  busybox
+    Sleep  2
+    Go Into Project  project${d}
+    Switch To CardView
+    Delete Repo on CardView  hello-world
+    # Verify
+    Delete Success
+    Close Browser
+
 Test Case - Delete Multi Member
     Init Chrome Driver
     ${d}=   Get Current Date    result_format=%m%s