add broken test case

WickyNilliams · Dec 14, 2024 · d95a001 · d95a001
1 parent 6a9b205
commit d95a001
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -41,6 +41,10 @@
         display: flex;
         gap: 1em;
       }
+      #simple2::part(slot) {
+        display: flex;
+        gap: 1em;
+      }
     </style>
   </head>
   <body>
@@ -109,6 +113,11 @@ <h2>Simple date</h2>
 
     <calendar-date id="simple" months="3"></calendar-date>
 
+    <calendar-date id="simple2" months="3">
+      <span slot="previous">&lt;</span>
+      <span slot="next">&gt;</span>
+    </calendar-date>
+
     <script type="module">
       import "./src/index.ts";
 

diff --git a/src/calendar-date/calendar-date.test.tsx b/src/calendar-date/calendar-date.test.tsx
@@ -821,5 +821,19 @@ describe("CalendarDate", () => {
         calendar.shadowRoot!.querySelector("slot:not([name])")!.children
       ).to.have.lengthOf(0);
     });
+
+    it("behaves correctly when named slots are used", async () => {
+      const calendar = await mount(
+        <CalendarDate locale="en-GB" months={2} value="2024-11-02">
+          <span slot="prev">&lt;</span>
+          <span slot="next">&gt;</span>
+        </CalendarDate>
+      );
+      const months = getMonths(calendar);
+
+      expect(months).to.have.lengthOf(2);
+      expect(getMonthHeading(months[0]!)).to.have.text("November");
+      expect(getMonthHeading(months[1]!)).to.have.text("December");
+    });
   });
 });