feat(Calendar): add show-subtitle prop (#5779)

src/calendar/test/__snapshots__/demo.spec.js.snap

@@ -56,7 +56,7 @@ exports[`renders demo correctly 1`] = `
     <div class="van-calendar" style="height: 500px;">
       <div class="van-calendar__header">
         <div class="van-calendar__header-title">日历</div>
-        <div class="van-calendar__month-title">2012年1月</div>
+        <div class="van-calendar__header-subtitle">2012年1月</div>
         <div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
       </div>
       <div class="van-calendar__body">

src/calendar/test/__snapshots__/index.spec.js.snap

@@ -4,7 +4,7 @@ exports[`color prop when type is range 1`] = `
 <div class="van-calendar">
   <div class="van-calendar__header">
     <div class="van-calendar__header-title">日期选择</div>
-    <div class="van-calendar__month-title">2010年1月</div>
+    <div class="van-calendar__header-subtitle">2010年1月</div>
     <div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
   </div>
   <div class="van-calendar__body">
@@ -55,7 +55,7 @@ exports[`color prop when type is single 1`] = `
 <div class="van-calendar">
   <div class="van-calendar__header">
     <div class="van-calendar__header-title">日期选择</div>
-    <div class="van-calendar__month-title">2010年1月</div>
+    <div class="van-calendar__header-subtitle">2010年1月</div>
     <div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
   </div>
   <div class="van-calendar__body">
@@ -106,7 +106,7 @@ exports[`formatter prop 1`] = `
 <div class="van-calendar">
   <div class="van-calendar__header">
     <div class="van-calendar__header-title">日期选择</div>
-    <div class="van-calendar__month-title">2010年1月</div>
+    <div class="van-calendar__header-subtitle">2010年1月</div>
     <div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
   </div>
   <div class="van-calendar__body">
@@ -163,7 +163,7 @@ exports[`popup wrapper 2`] = `
   <div class="van-calendar">
     <div class="van-calendar__header">
       <div class="van-calendar__header-title">日期选择</div>
-      <div class="van-calendar__month-title">2010年1月</div>
+      <div class="van-calendar__header-subtitle">2010年1月</div>
       <div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
     </div>
     <div class="van-calendar__body">
@@ -216,7 +216,7 @@ exports[`row-height prop 1`] = `
 <div class="van-calendar">
   <div class="van-calendar__header">
     <div class="van-calendar__header-title">日期选择</div>
-    <div class="van-calendar__month-title">2010年1月</div>
+    <div class="van-calendar__header-subtitle">2010年1月</div>
     <div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
   </div>
   <div class="van-calendar__body">
@@ -267,7 +267,7 @@ exports[`title & footer slot 1`] = `
 <div class="van-calendar">
   <div class="van-calendar__header">
     <div class="van-calendar__header-title">Custom Title</div>
-    <div class="van-calendar__month-title">2010年1月</div>
+    <div class="van-calendar__header-subtitle">2010年1月</div>
     <div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
   </div>
   <div class="van-calendar__body">

src/calendar/test/prop.spec.js

@@ -25,15 +25,42 @@ test('max-range prop', async () => {
   expect(wrapper.emitted('confirm')).toBeFalsy();
 });
 
-test('show-title prop', async () => {
+test('show-title prop', () => {
   const wrapper = mount(Calendar, {
     propsData: {
       value: true,
     },
   });
 
-  await later();
   expect(wrapper.contains('.van-calendar__header-title')).toBeTruthy();
   wrapper.setProps({ showTitle: false });
   expect(wrapper.contains('.van-calendar__header-title')).toBeFalsy();
 });
+
+test('show-subtitle prop', () => {
+  const wrapper = mount(Calendar, {
+    propsData: {
+      value: true,
+    },
+  });
+
+  expect(wrapper.contains('.van-calendar__header-subtitle')).toBeTruthy();
+  wrapper.setProps({ showSubtitle: false });
+  expect(wrapper.contains('.van-calendar__header-subtitle')).toBeFalsy();
+});
+
+test('hide close icon when there is no title', () => {
+  const wrapper = mount(Calendar, {
+    propsData: {
+      value: true,
+    },
+  });
+
+  expect(wrapper.contains('.van-popup__close-icon')).toBeTruthy();
+
+  wrapper.setProps({
+    showTitle: false,
+    showSubtitle: false,
+  });
+  expect(wrapper.contains('.van-popup__close-icon')).toBeFalsy();
+});