From 9bb2fcc4d182e21027a30e71032377b6098ed633 Mon Sep 17 00:00:00 2001
From: CodeByAlex <wilsonc.alexander@gmail.com>
Date: Sat, 17 Aug 2019 11:05:07 -0400
Subject: [PATCH] add pending test section

---
 addons/jest/src/components/Panel.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/addons/jest/src/components/Panel.tsx b/addons/jest/src/components/Panel.tsx
index 7851164ed43..75b914ce1bf 100644
--- a/addons/jest/src/components/Panel.tsx
+++ b/addons/jest/src/components/Panel.tsx
@@ -206,6 +206,29 @@ const Content = styled(({ tests, className }: ContentProps) => (
                       )}
                     </List>
                   </div>
+                  <div
+                    id="pending-tests"
+                    title={`${
+                      testsByType.get(StatusTypes.PENDING_TYPE)
+                        ? testsByType.get(StatusTypes.PENDING_TYPE).length
+                        : 0
+                    } Pending`}
+                    color={getColorByType(StatusTypes.PENDING_TYPE)}
+                  >
+                    <List>
+                      {testsByType.get(StatusTypes.PENDING_TYPE) ? (
+                        testsByType.get(StatusTypes.PENDING_TYPE).map((res: any) => (
+                          <Item key={res.fullName || res.title}>
+                            <Result {...res} />
+                          </Item>
+                        ))
+                      ) : (
+                        <Placeholder key={`no-tests-${StatusTypes.PENDING_TYPE}`}>
+                          This story has no pending tests.
+                        </Placeholder>
+                      )}
+                    </List>
+                  </div>
                 </TabsState>
               </section>
             );