Added test for leading-actions slot. (#958)

Esri · May 11, 2020 · a7f2ea0 · a7f2ea0
1 parent 722d2fe
commit a7f2ea0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/calcite-flow-item/calcite-flow-item.tsx b/src/components/calcite-flow-item/calcite-flow-item.tsx
@@ -314,12 +314,12 @@ export class CalciteFlowItem {
   }
 
   renderHeaderLeadingContent(): VNode {
-    // const content = getSlotted(this.el, SLOTS.leadingActions, {all: true });
-    return (
+    const hasLeadingActions = getSlotted(this.el, SLOTS.leadingActions);
+    return hasLeadingActions ? (
       <div slot={PANEL_SLOTS.headerLeadingContent} class="leading-actions">
         <slot name={SLOTS.leadingActions}></slot>
       </div>
-    );
+    ) : null;
   }
 
   renderHeaderActions(): VNode {

diff --git a/src/demos/flow/basic.html b/src/demos/flow/basic.html
@@ -29,6 +29,12 @@ <h2>Basic</h2>
             <img src="https://via.placeholder.com/400x300" alt="placeholder" />
             <calcite-fab slot="fab"></calcite-fab>
           </calcite-flow-item>
+          <calcite-flow-item heading="Item Three">
+            <button slot="menu-actions">Reset</button>
+            <button slot="menu-actions">Rename</button>
+            <img src="https://via.placeholder.com/400x300" alt="placeholder" />
+            <calcite-fab slot="fab"></calcite-fab>
+          </calcite-flow-item>
         </calcite-flow>
 
         <h2>Menu-actions and Footer-actions</h2>