diff --git a/docs/img/browse_project_repositories.png b/docs/img/browse_project_repositories.png
new file mode 100644
index 000000000..3ac2897fe
Binary files /dev/null and b/docs/img/browse_project_repositories.png differ
diff --git a/docs/user_guide.md b/docs/user_guide.md
index 6758f47b5..a791d8aa3 100644
--- a/docs/user_guide.md
+++ b/docs/user_guide.md
@@ -75,9 +75,13 @@ You can create a project after you signed in. Check on the "Access Level" checkb
 
 ![create project](img/new_create_project.png)  
 
-After the project is created, you can browse repositories, members, logs, replication and configuration using the navigation tab.  
+After the project is created, you can browse repositories, members, logs, replication and configuration using the navigation tab.
 
-![browse project](img/new_browse_project.png)  
+![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".  
 
diff --git a/tests/resources/Harbor-Pages/Project.robot b/tests/resources/Harbor-Pages/Project.robot
index 257752cde..a3790599c 100644
--- a/tests/resources/Harbor-Pages/Project.robot
+++ b/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
diff --git a/tests/robot-cases/Group11-Nightly/Nightly.robot b/tests/robot-cases/Group11-Nightly/Nightly.robot
index fb09c7d60..469927612 100644
--- a/tests/robot-cases/Group11-Nightly/Nightly.robot
+++ b/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