test: add tests in YearGrid

Signed-off-by: Rong Sen Ng (motss) <wes.ngrongsen@gmail.com>
motss · Feb 19, 2022 · c32d892 · c32d892
1 parent 62e76ac
commit c32d892
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 3 deletions.
diff --git a/src/__tests__/month-calendar/app-month-calendar.test.ts b/src/__tests__/month-calendar/app-month-calendar.test.ts
@@ -375,7 +375,7 @@ describe(appMonthCalendarName, () => {
     );
   });
 
-  it('renders with correct title for selected today', async () => {
+  it('renders correct title for selected today', async () => {
     const el = await fixture<AppMonthCalendar>(
       html`<app-month-calendar .data=${data}></app-month-calendar>`
     );
@@ -449,7 +449,7 @@ describe(appMonthCalendarName, () => {
     ] = a;
 
     it(
-      messageFormatter('renders with correct title (selectedDateLabel=%s, todayDateLabel=%s)', a),
+      messageFormatter('renders correct title (selectedDateLabel=%s, todayDateLabel=%s)', a),
       async () => {
         const todayFullDate = new Date(data.todayDate);
         const todayUTCDate = todayFullDate.getUTCDate();

diff --git a/src/__tests__/year-grid/app-year-grid.test.ts b/src/__tests__/year-grid/app-year-grid.test.ts
@@ -183,6 +183,30 @@ describe(appYearGridName, () => {
     ]);
   });
 
+  it('renders correct title for selected today year', async () => {
+    const todayDate = toResolvedDate();
+    const max = new Date(new Date(todayDate).setUTCFullYear(todayDate.getUTCFullYear() + 2));
+    const min = new Date(new Date(todayDate).setUTCFullYear(todayDate.getUTCFullYear() - 2));
+
+    const testData: YearGridData = {
+      ...data,
+      date: todayDate,
+      max,
+      min,
+    };
+    const el = await fixture<AppYearGrid>(html`<app-year-grid .data=${testData}></app-year-grid>`);
+
+    const selectedYear = el.query<HTMLButtonElement>(elementSelectors.selectedYear);
+    const todayYear = el.query<HTMLButtonElement>(elementSelectors.todayYear);
+
+    expect(selectedYear).exist;
+    expect(todayYear).exist;
+    expect(selectedYear?.isEqualNode(todayYear)).true;
+
+    expect(selectedYear).attr('title', labelSelectedYear);
+    expect(todayYear).attr('title', labelSelectedYear);
+  });
+
   type TestTitle = [
     testSelectedYearLabel: string | undefined,
     testTodayYearLabel: string | undefined,
@@ -203,7 +227,7 @@ describe(appYearGridName, () => {
     ] = a;
 
     it(
-      messageFormatter('renders with correct title (selectedYearLabel=%s, todayYearLabel=%s)', a),
+      messageFormatter('renders correct title (selectedYearLabel=%s, todayYearLabel=%s)', a),
       async () => {
         const dataMax = new Date(data.max);
         const dataMin = new Date(data.min);