From a6618c117328c06b2315c6a19f0eb337685b3d27 Mon Sep 17 00:00:00 2001
From: webfansplz <308241863@qq.com>
Date: Fri, 14 Oct 2022 17:29:48 +0800
Subject: [PATCH] feat(ui): add tests summary in the dashboard (#2133)

Co-authored-by: userquin <userquin@gmail.com>
---
 .../dashboard/DashboardEntry.cy.tsx           | 22 +++++++++----------
 .../components/dashboard/DashboardEntry.vue   |  6 +++--
 .../dashboard/TestsFilesContainer.vue         | 12 +++++-----
 3 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/packages/ui/client/components/dashboard/DashboardEntry.cy.tsx b/packages/ui/client/components/dashboard/DashboardEntry.cy.tsx
index 56ab3476d0c9..c8b83dcd173f 100644
--- a/packages/ui/client/components/dashboard/DashboardEntry.cy.tsx
+++ b/packages/ui/client/components/dashboard/DashboardEntry.cy.tsx
@@ -5,20 +5,20 @@ const body = () => (<div data-testid="body-content">{ faker.lorem.words(2) }</di
 const header = () => (<div data-testid="header-content">{ faker.hacker.phrase() }</div>)
 const bodySelector = '[data-testid=body-content]'
 const headerSelector = '[data-testid=header-content]'
-const tailSelector = '[data-testid=tail]'
+// const tailSelector = '[data-testid=tail]'
 
 describe('DashboardEntry', () => {
-  it('tail is rendered by default', () => {
-    cy.mount(<DashboardEntry v-slots={{ body, header }}/>)
-      .get(tailSelector)
-      .should('exist')
-  })
+  // it('tail is rendered by default', () => {
+  //   cy.mount(<DashboardEntry v-slots={{ body, header }}/>)
+  //     .get(tailSelector)
+  //     .should('exist')
+  // })
 
-  it('tail is not shown when true', () => {
-    cy.mount(<DashboardEntry tail v-slots={{ body, header }}/>)
-      .get(tailSelector)
-      .should('not.exist')
-  })
+  // it('tail is not shown when true', () => {
+  //   cy.mount(<DashboardEntry tail v-slots={{ body, header }}/>)
+  //     .get(tailSelector)
+  //     .should('not.exist')
+  // })
 
   it('renders the body and header slots', () => {
     cy.mount(<DashboardEntry v-slots={{ body, header }}/>)
diff --git a/packages/ui/client/components/dashboard/DashboardEntry.vue b/packages/ui/client/components/dashboard/DashboardEntry.vue
index 144a8b60f950..0550f3ab5691 100644
--- a/packages/ui/client/components/dashboard/DashboardEntry.vue
+++ b/packages/ui/client/components/dashboard/DashboardEntry.vue
@@ -5,13 +5,15 @@ withDefaults(defineProps<{ tail?: boolean }>(), { tail: false })
 <template>
   <div p-2 text-center flex>
     <div>
-      <div text-4xl>
+      <div text-4xl min-w-2em>
         <slot name="body" />
       </div>
       <div text-md>
         <slot name="header" />
       </div>
     </div>
-    <div v-if="!tail" data-testid="tail" my-2 op50 w-1px bg-current origin-center rotate-15 translate-x-3 />
+<!--
+    <div v-if="!tail" data-testid="tail" my-0 op50 w-2px bg-current origin-center rotate-0 translate-x-3 />
+-->
   </div>
 </template>
diff --git a/packages/ui/client/components/dashboard/TestsFilesContainer.vue b/packages/ui/client/components/dashboard/TestsFilesContainer.vue
index 17e63f590ef7..6c8ec4310794 100644
--- a/packages/ui/client/components/dashboard/TestsFilesContainer.vue
+++ b/packages/ui/client/components/dashboard/TestsFilesContainer.vue
@@ -1,10 +1,10 @@
 <template>
   <div gap-0 flex="~ col gap-4" h-full justify-center items-center>
-    <div bg-header rounded-lg p="y4 x2">
-      <!-- <section aria-labelledby="tests" m="y-4 x-2">
-        <TestsEntry />
-      </section> -->
-      <TestFilesEntry />
-    </div>
+    <!-- <div bg-header rounded-lg p="y4 x2"> -->
+    <section aria-labelledby="tests" m="y-4 x-2">
+      <TestsEntry />
+    </section>
+    <TestFilesEntry />
+    <!-- </div> -->
   </div>
 </template>