mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-05-22 06:31:45 +08:00
test(Calendar): add test cases (#8712)
* test(Calendar): add test cases * test(Calendar): test cases * test(Calendar): test cases
This commit is contained in:
nemo-shen
GitHub
parent
d9c3050542
commit
bb7dccfeec
@ -1,325 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
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__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">
|
||||
<div class="van-calendar__month">
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<div class="van-calendar__month-mark" style="">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="margin-left: 71.42857142857143%;">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">2</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">3</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">4</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">5</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">6</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">7</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">8</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">9</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--start" style="background: blue;">10<div class="van-calendar__bottom-info">开始</div>
|
||||
</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--middle" style="color: blue;">11</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--middle" style="color: blue;">12</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--middle" style="color: blue;">13</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--middle" style="color: blue;">14</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--middle" style="color: blue;">15</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--middle" style="color: blue;">16</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--middle" style="color: blue;">17</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--middle" style="color: blue;">18</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--middle" style="color: blue;">19</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day--end" style="background: blue;">20<div class="van-calendar__bottom-info">结束</div>
|
||||
</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">24</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">25</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">26</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">27</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">28</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">29</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">30</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">31</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__footer"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm" style="color: white; background: blue; border-color: blue;">
|
||||
<div class="van-button__content"><span class="van-button__text">确定</span></div>
|
||||
</button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
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__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">
|
||||
<div class="van-calendar__month">
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<div class="van-calendar__month-mark" style="">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="margin-left: 71.42857142857143%;">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">2</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">3</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">4</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">5</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">6</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">7</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">8</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">9</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">
|
||||
<div class="van-calendar__selected-day" style="background: blue;">10</div>
|
||||
</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">24</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">25</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">26</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">27</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">28</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">29</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">30</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">31</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__footer"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm" style="color: white; background: blue; border-color: blue;">
|
||||
<div class="van-button__content"><span class="van-button__text">确定</span></div>
|
||||
</button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`formatter prop 1`] = `
|
||||
<div class="van-calendar">
|
||||
<div class="van-calendar__header">
|
||||
<div class="van-calendar__header-title">日期选择</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">
|
||||
<div class="van-calendar__month">
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<div class="van-calendar__month-mark" style="">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="margin-left: 71.42857142857143%;">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">2</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">3</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">4</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">5</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">6</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">7</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">8</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">9</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">
|
||||
<div class="van-calendar__selected-day">10</div>
|
||||
</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">
|
||||
<div class="van-calendar__top-info">Top Info</div>11
|
||||
</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">12<div class="van-calendar__bottom-info">Bottom Info</div>
|
||||
</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">Text</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day test">14</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">24</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">25</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">26</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">27</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">28</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">29</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">30</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">31</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__footer"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm">
|
||||
<div class="van-button__content"><span class="van-button__text">确定</span></div>
|
||||
</button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`popup wrapper 1`] = ``;
|
||||
|
||||
exports[`popup wrapper 2`] = `
|
||||
<div class="van-popup van-popup--round van-popup--bottom van-calendar__popup" name="van-popup-slide-bottom" style="z-index: 2002;">
|
||||
<div class="van-calendar">
|
||||
<div class="van-calendar__header">
|
||||
<div class="van-calendar__header-title">日期选择</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">
|
||||
<div class="van-calendar__month">
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<div class="van-calendar__month-mark" style="">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="margin-left: 71.42857142857143%;">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">2</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">3</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">4</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">5</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">6</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">7</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">8</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">9</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">
|
||||
<div class="van-calendar__selected-day">10</div>
|
||||
</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">24</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">25</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">26</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">27</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">28</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">29</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">30</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">31</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__footer"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm">
|
||||
<div class="van-button__content"><span class="van-button__text">确定</span></div>
|
||||
</button></div>
|
||||
</div><i role="button" tabindex="0" class="van-icon van-icon-cross van-popup__close-icon van-popup__close-icon--top-right">
|
||||
<!----></i>
|
||||
</div>
|
||||
`;
|
||||
|
||||
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__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">
|
||||
<div class="van-calendar__month">
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<div class="van-calendar__month-mark" style="">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px; margin-left: 71.42857142857143%;">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">2</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">3</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">4</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">5</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">6</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">7</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">8</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">9</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">
|
||||
<div class="van-calendar__selected-day" style="width: 50px; height: 50px;">10</div>
|
||||
</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">11</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">12</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">13</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">14</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">15</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">16</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">17</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">18</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">19</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">20</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">21</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">22</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">23</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">24</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">25</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">26</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">27</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">28</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">29</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">30</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">31</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__footer"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm">
|
||||
<div class="van-button__content"><span class="van-button__text">确定</span></div>
|
||||
</button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
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__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">
|
||||
<div class="van-calendar__month">
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<div class="van-calendar__month-mark" style="">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="margin-left: 71.42857142857143%;">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">2</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">3</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">4</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="">5</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">6</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">7</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">8</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">9</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">
|
||||
<div class="van-calendar__selected-day">10</div>
|
||||
</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">24</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">25</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">26</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">27</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">28</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">29</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">30</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">31</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__footer">Custom Footer</div>
|
||||
</div>
|
||||
`;
|
||||
1143
src/calendar/test/__snapshots__/index.spec.ts.snap
Normal file
1143
src/calendar/test/__snapshots__/index.spec.ts.snap
Normal file
File diff suppressed because it is too large
Load Diff
@ -1,54 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`lazy-render prop 1`] = `
|
||||
<div class="van-calendar">
|
||||
<div class="van-calendar__header">
|
||||
<div class="van-calendar__header-title">日期选择</div>
|
||||
<div class="van-calendar__header-subtitle"></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">
|
||||
<div class="van-calendar__month">
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<div class="van-calendar__month-mark">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="margin-left: 71.42857142857143%;">1</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">2</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">3</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">4</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">5</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">6</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">7</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">8</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">9</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">10</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
|
||||
<div role="gridcell" tabindex="-1" class="van-calendar__day">
|
||||
<div class="van-calendar__selected-day">20</div>
|
||||
</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">24</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">25</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">26</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">27</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">28</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">29</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">30</div>
|
||||
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">31</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__footer"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm">
|
||||
<div class="van-button__content"><span class="van-button__text">确定</span></div>
|
||||
</button></div>
|
||||
</div>
|
||||
`;
|
||||
227
src/calendar/test/__snapshots__/prop.spec.ts.snap
Normal file
227
src/calendar/test/__snapshots__/prop.spec.ts.snap
Normal file
@ -0,0 +1,227 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`lazy-render prop 1`] = `
|
||||
<div class="van-calendar">
|
||||
<div class="van-calendar__header">
|
||||
<div class="van-calendar__header-title">
|
||||
Calendar
|
||||
</div>
|
||||
<div class="van-calendar__header-subtitle">
|
||||
</div>
|
||||
<div class="van-calendar__weekdays">
|
||||
<span class="van-calendar__weekday">
|
||||
Sun
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
Mon
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
Tue
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
Wed
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
Thu
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
Fri
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
Sat
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__body">
|
||||
<div class="van-calendar__month">
|
||||
<div role="grid"
|
||||
class="van-calendar__days"
|
||||
>
|
||||
<div class="van-calendar__month-mark">
|
||||
1
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
style="margin-left: 71.42857142857143%;"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
7
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
9
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
10
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
11
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
12
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
13
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
14
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
15
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
16
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
17
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
18
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day"
|
||||
tabindex="-1"
|
||||
>
|
||||
19
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--selected"
|
||||
tabindex="-1"
|
||||
>
|
||||
<div class="van-calendar__selected-day">
|
||||
20
|
||||
</div>
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
21
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
22
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
23
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
24
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
25
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
26
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
27
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
28
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
29
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
30
|
||||
</div>
|
||||
<div role="gridcell"
|
||||
class="van-calendar__day van-calendar__day--disabled"
|
||||
>
|
||||
31
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__footer">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
Confirm
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@ -1,50 +0,0 @@
|
||||
import { Calendar } from '..';
|
||||
import { mount } from '../../../test';
|
||||
import { getNextDay, getPrevDay } from '../utils';
|
||||
import { minDate, maxDate } from './utils';
|
||||
|
||||
test('should reset to default date when calling reset method', async () => {
|
||||
const defaultDate = [minDate, getNextDay(minDate)];
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
minDate,
|
||||
maxDate,
|
||||
type: 'range',
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
defaultDate,
|
||||
},
|
||||
});
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
await days[15].trigger('click');
|
||||
await days[18].trigger('click');
|
||||
|
||||
wrapper.vm.reset();
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted('confirm')[0][0]).toEqual(defaultDate);
|
||||
});
|
||||
|
||||
test('should reset to specific date when calling reset method with date', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
minDate,
|
||||
maxDate,
|
||||
type: 'range',
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
defaultDate: [minDate, getNextDay(minDate)],
|
||||
},
|
||||
});
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
await days[15].trigger('click');
|
||||
await days[18].trigger('click');
|
||||
|
||||
const newDate = [getPrevDay(maxDate), maxDate];
|
||||
wrapper.vm.reset(newDate);
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted('confirm')[0][0]).toEqual(newDate);
|
||||
});
|
||||
@ -1,14 +1,54 @@
|
||||
import { Calendar } from '..';
|
||||
import { Calendar, CalendarDayItem } from '..';
|
||||
import { mount, later } from '../../../test';
|
||||
import { getNextDay } from '../utils';
|
||||
import {
|
||||
now,
|
||||
minDate,
|
||||
maxDate,
|
||||
formatDate,
|
||||
formatRange,
|
||||
formatMultiple,
|
||||
} from './utils';
|
||||
import { getNextDay, getPrevDay } from '../utils';
|
||||
import { now, minDate, maxDate } from './utils';
|
||||
import type { ComponentInstance } from '../../utils';
|
||||
|
||||
test('should reset to default date when calling reset method', async () => {
|
||||
const defaultDate = [minDate, getNextDay(minDate)];
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
minDate,
|
||||
maxDate,
|
||||
type: 'range',
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
defaultDate,
|
||||
},
|
||||
});
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
await days[15].trigger('click');
|
||||
await days[18].trigger('click');
|
||||
|
||||
(wrapper.vm as ComponentInstance).reset();
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted<[Date, Date]>('confirm')![0][0]).toEqual(defaultDate);
|
||||
});
|
||||
|
||||
test('should reset to specific date when calling reset method with date', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
minDate,
|
||||
maxDate,
|
||||
type: 'range',
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
defaultDate: [minDate, getNextDay(minDate)],
|
||||
},
|
||||
});
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
await days[15].trigger('click');
|
||||
await days[18].trigger('click');
|
||||
|
||||
const newDate = [getPrevDay(maxDate), maxDate];
|
||||
(wrapper.vm as ComponentInstance).reset(newDate);
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted<[Date, Date]>('confirm')![0][0]).toEqual(newDate);
|
||||
});
|
||||
|
||||
test('select event when type is single', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
@ -16,14 +56,17 @@ test('select event when type is single', async () => {
|
||||
minDate,
|
||||
maxDate,
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
wrapper.findAll('.van-calendar__day').at(15).trigger('click');
|
||||
wrapper.findAll('.van-calendar__day')[15].trigger('click');
|
||||
|
||||
expect(formatDate(wrapper.emitted('select')[0][0])).toEqual('2010/1/16');
|
||||
expect(wrapper.emitted<[Date]>('select')![0][0]).toEqual(
|
||||
new Date(2010, 0, 16)
|
||||
);
|
||||
});
|
||||
|
||||
test('select event when type is range', async () => {
|
||||
@ -33,23 +76,27 @@ test('select event when type is range', async () => {
|
||||
minDate,
|
||||
maxDate,
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(15).trigger('click');
|
||||
days.at(15).trigger('click');
|
||||
days.at(16).trigger('click');
|
||||
days.at(15).trigger('click');
|
||||
days.at(12).trigger('click');
|
||||
days[15].trigger('click');
|
||||
days[15].trigger('click');
|
||||
days[16].trigger('click');
|
||||
days[15].trigger('click');
|
||||
days[12].trigger('click');
|
||||
|
||||
const emittedSelect = wrapper.emitted('select');
|
||||
expect(formatRange(emittedSelect[0][0])).toEqual('2010/1/16-');
|
||||
expect(formatRange(emittedSelect[1][0])).toEqual('2010/1/16-2010/1/17');
|
||||
expect(formatRange(emittedSelect[2][0])).toEqual('2010/1/16-');
|
||||
expect(formatRange(emittedSelect[3][0])).toEqual('2010/1/13-');
|
||||
const onSelect = wrapper.emitted<[Date]>('select');
|
||||
expect(onSelect![0][0]).toEqual([new Date(2010, 0, 16)]);
|
||||
expect(onSelect![1][0]).toEqual([
|
||||
new Date(2010, 0, 16),
|
||||
new Date(2010, 0, 17),
|
||||
]);
|
||||
expect(onSelect![2][0]).toEqual([new Date(2010, 0, 16)]);
|
||||
expect(onSelect![3][0]).toEqual([new Date(2010, 0, 13)]);
|
||||
});
|
||||
|
||||
test('select event when type is multiple', async () => {
|
||||
@ -60,31 +107,43 @@ test('select event when type is multiple', async () => {
|
||||
maxDate,
|
||||
poppable: false,
|
||||
defaultDate: [minDate],
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(15).trigger('click');
|
||||
days.at(16).trigger('click');
|
||||
days.at(17).trigger('click');
|
||||
days[15].trigger('click');
|
||||
days[16].trigger('click');
|
||||
days[17].trigger('click');
|
||||
|
||||
await later();
|
||||
days.at(15).trigger('click');
|
||||
days.at(12).trigger('click');
|
||||
days[15].trigger('click');
|
||||
days[12].trigger('click');
|
||||
|
||||
const emittedSelect = wrapper.emitted('select');
|
||||
expect(formatMultiple(emittedSelect[0][0])).toEqual('2010/1/10,2010/1/16');
|
||||
expect(formatMultiple(emittedSelect[1][0])).toEqual(
|
||||
'2010/1/10,2010/1/16,2010/1/17'
|
||||
);
|
||||
expect(formatMultiple(emittedSelect[2][0])).toEqual(
|
||||
'2010/1/10,2010/1/16,2010/1/17,2010/1/18'
|
||||
);
|
||||
expect(formatMultiple(emittedSelect[3][0])).toEqual(
|
||||
'2010/1/10,2010/1/17,2010/1/18,2010/1/13'
|
||||
);
|
||||
const onSelect = wrapper.emitted<[Date]>('select');
|
||||
expect(onSelect![0][0]).toEqual([
|
||||
new Date(2010, 0, 10),
|
||||
new Date(2010, 0, 16),
|
||||
]);
|
||||
expect(onSelect![1][0]).toEqual([
|
||||
new Date(2010, 0, 10),
|
||||
new Date(2010, 0, 16),
|
||||
new Date(2010, 0, 17),
|
||||
]);
|
||||
expect(onSelect![2][0]).toEqual([
|
||||
new Date(2010, 0, 10),
|
||||
new Date(2010, 0, 16),
|
||||
new Date(2010, 0, 17),
|
||||
new Date(2010, 0, 18),
|
||||
]);
|
||||
expect(onSelect![3][0]).toEqual([
|
||||
new Date(2010, 0, 10),
|
||||
new Date(2010, 0, 17),
|
||||
new Date(2010, 0, 18),
|
||||
new Date(2010, 0, 13),
|
||||
]);
|
||||
});
|
||||
|
||||
test('select event when type is multiple', async () => {
|
||||
@ -95,17 +154,20 @@ test('select event when type is multiple', async () => {
|
||||
maxDate,
|
||||
poppable: false,
|
||||
defaultDate: [minDate],
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(15).trigger('click');
|
||||
days[15].trigger('click');
|
||||
await later();
|
||||
days.at(15).trigger('click');
|
||||
days[15].trigger('click');
|
||||
|
||||
expect(formatDate(wrapper.emitted('unselect')[0][0])).toEqual('2010/1/16');
|
||||
expect(wrapper.emitted<[Date]>('unselect')![0][0]).toEqual(
|
||||
new Date(2010, 0, 16)
|
||||
);
|
||||
});
|
||||
|
||||
test('should not trigger select event when click disabled day', async () => {
|
||||
@ -114,6 +176,7 @@ test('should not trigger select event when click disabled day', async () => {
|
||||
minDate,
|
||||
maxDate,
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
@ -121,7 +184,7 @@ test('should not trigger select event when click disabled day', async () => {
|
||||
|
||||
wrapper.findAll('.van-calendar__day')[1].trigger('click');
|
||||
|
||||
expect(formatDate(wrapper.emitted('select'))).toBeFalsy();
|
||||
expect(wrapper.emitted('select')).toBeFalsy();
|
||||
});
|
||||
|
||||
test('confirm event when type is single', async () => {
|
||||
@ -130,17 +193,20 @@ test('confirm event when type is single', async () => {
|
||||
minDate,
|
||||
maxDate,
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
wrapper.findAll('.van-calendar__day').at(15).trigger('click');
|
||||
wrapper.findAll('.van-calendar__day')[15].trigger('click');
|
||||
|
||||
expect(wrapper.emitted('confirm')).toBeFalsy();
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatDate(wrapper.emitted('confirm')[0][0])).toEqual('2010/1/16');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(2010, 0, 16)
|
||||
);
|
||||
});
|
||||
|
||||
test('confirm event when type is range', async () => {
|
||||
@ -150,34 +216,23 @@ test('confirm event when type is range', async () => {
|
||||
minDate,
|
||||
maxDate,
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(15).trigger('click');
|
||||
days.at(18).trigger('click');
|
||||
days[15].trigger('click');
|
||||
days[18].trigger('click');
|
||||
|
||||
expect(wrapper.emitted('confirm')).toBeFalsy();
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatRange(wrapper.emitted('confirm')[0][0])).toEqual(
|
||||
'2010/1/16-2010/1/19'
|
||||
);
|
||||
});
|
||||
|
||||
test('default single date', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
poppable: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatDate(wrapper.emitted('confirm')[0][0])).toEqual(formatDate(now));
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual([
|
||||
new Date(2010, 0, 16),
|
||||
new Date(2010, 0, 19),
|
||||
]);
|
||||
});
|
||||
|
||||
test('default range date', async () => {
|
||||
@ -185,15 +240,31 @@ test('default range date', async () => {
|
||||
props: {
|
||||
type: 'range',
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatRange(wrapper.emitted('confirm')[0][0])).toEqual(
|
||||
formatRange([now, getNextDay(now)])
|
||||
);
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual([
|
||||
now,
|
||||
getNextDay(now),
|
||||
]);
|
||||
});
|
||||
|
||||
test('default single date', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(now);
|
||||
});
|
||||
|
||||
test('set show-confirm to false', async () => {
|
||||
@ -204,18 +275,20 @@ test('set show-confirm to false', async () => {
|
||||
type: 'range',
|
||||
poppable: false,
|
||||
showConfirm: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(15).trigger('click');
|
||||
days.at(18).trigger('click');
|
||||
days[15].trigger('click');
|
||||
days[18].trigger('click');
|
||||
|
||||
expect(formatRange(wrapper.emitted('confirm')[0][0])).toEqual(
|
||||
'2010/1/16-2010/1/19'
|
||||
);
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual([
|
||||
new Date(2010, 0, 16),
|
||||
new Date(2010, 0, 19),
|
||||
]);
|
||||
});
|
||||
|
||||
test('row-height prop', async () => {
|
||||
@ -226,6 +299,7 @@ test('row-height prop', async () => {
|
||||
poppable: false,
|
||||
rowHeight: 50,
|
||||
defaultDate: minDate,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
@ -241,8 +315,9 @@ test('formatter prop', async () => {
|
||||
maxDate,
|
||||
poppable: false,
|
||||
defaultDate: minDate,
|
||||
formatter(day) {
|
||||
const date = day.date.getDate();
|
||||
lazyRender: false,
|
||||
formatter(day: CalendarDayItem) {
|
||||
const date = day.date?.getDate();
|
||||
|
||||
switch (date) {
|
||||
case 11:
|
||||
@ -276,6 +351,7 @@ test('title & footer slot', async () => {
|
||||
maxDate,
|
||||
poppable: false,
|
||||
defaultDate: minDate,
|
||||
lazyRender: false,
|
||||
},
|
||||
slots: {
|
||||
title: () => 'Custom Title',
|
||||
@ -295,22 +371,26 @@ test('should reset when type changed', async () => {
|
||||
maxDate,
|
||||
poppable: false,
|
||||
defaultDate: minDate,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatDate(wrapper.emitted('confirm')[0][0])).toEqual('2010/1/10');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(2010, 0, 10)
|
||||
);
|
||||
|
||||
wrapper.setProps({
|
||||
await wrapper.setProps({
|
||||
type: 'range',
|
||||
defaultDate: [minDate, getNextDay(minDate)],
|
||||
});
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatRange(wrapper.emitted('confirm')[1][0])).toEqual(
|
||||
'2010/1/10-2010/1/11'
|
||||
);
|
||||
expect(wrapper.emitted<[Date]>('confirm')![1][0]).toEqual([
|
||||
new Date(2010, 0, 10),
|
||||
new Date(2010, 0, 11),
|
||||
]);
|
||||
});
|
||||
|
||||
test('default-date prop in single type', async () => {
|
||||
@ -320,17 +400,22 @@ test('default-date prop in single type', async () => {
|
||||
maxDate,
|
||||
defaultDate: getNextDay(minDate),
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatDate(wrapper.emitted('confirm')[0][0])).toEqual('2010/1/11');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(2010, 0, 11)
|
||||
);
|
||||
|
||||
wrapper.setProps({ defaultDate: maxDate });
|
||||
await wrapper.setProps({ defaultDate: maxDate });
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatDate(wrapper.emitted('confirm')[1][0])).toEqual('2010/1/20');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![1][0]).toEqual(
|
||||
new Date(2010, 0, 20)
|
||||
);
|
||||
});
|
||||
|
||||
test('default-date prop in range type', async () => {
|
||||
@ -340,22 +425,24 @@ test('default-date prop in range type', async () => {
|
||||
minDate,
|
||||
maxDate,
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
wrapper.setProps({ defaultDate: [] });
|
||||
await wrapper.setProps({ defaultDate: null });
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted('confirm')).toBeFalsy();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(15).trigger('click');
|
||||
days.at(18).trigger('click');
|
||||
await days[15].trigger('click');
|
||||
await days[18].trigger('click');
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatRange(wrapper.emitted('confirm')[0][0])).toEqual(
|
||||
'2010/1/16-2010/1/19'
|
||||
);
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual([
|
||||
new Date(2010, 0, 16),
|
||||
new Date(2010, 0, 19),
|
||||
]);
|
||||
});
|
||||
|
||||
test('popup wrapper', async () => {
|
||||
@ -364,10 +451,9 @@ test('popup wrapper', async () => {
|
||||
minDate,
|
||||
maxDate,
|
||||
defaultDate: minDate,
|
||||
},
|
||||
listeners: {
|
||||
input(value) {
|
||||
wrapper.setProps({ value });
|
||||
show: false,
|
||||
'onUpdate:show': (show: boolean) => {
|
||||
wrapper.setProps({ show });
|
||||
},
|
||||
},
|
||||
});
|
||||
@ -375,13 +461,13 @@ test('popup wrapper', async () => {
|
||||
await later();
|
||||
expect(wrapper.html()).toMatchSnapshot();
|
||||
|
||||
wrapper.setProps({ value: true });
|
||||
await wrapper.setProps({ show: true });
|
||||
await later();
|
||||
|
||||
expect(wrapper.html()).toMatchSnapshot();
|
||||
|
||||
wrapper.find('.van-popup__close-icon').trigger('click');
|
||||
expect(wrapper.style.display).toEqual('none');
|
||||
await wrapper.find('.van-popup__close-icon').trigger('click');
|
||||
expect(wrapper.find('.van-calendar__popup').style.display).toEqual('none');
|
||||
});
|
||||
|
||||
test('set show-mark prop to false', async () => {
|
||||
@ -391,12 +477,13 @@ test('set show-mark prop to false', async () => {
|
||||
maxDate,
|
||||
showMark: false,
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
expect(wrapper.find('.van-calendar__month-mark').element).toBeFalsy();
|
||||
expect(wrapper.find('.van-calendar__month-mark').exists()).toBeFalsy();
|
||||
});
|
||||
|
||||
test('color prop when type is single', async () => {
|
||||
@ -407,6 +494,7 @@ test('color prop when type is single', async () => {
|
||||
color: 'blue',
|
||||
poppable: false,
|
||||
defaultDate: minDate,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
@ -432,13 +520,16 @@ test('color prop when type is range', async () => {
|
||||
expect(wrapper.html()).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('close event', () => {
|
||||
test('close event', async () => {
|
||||
const onClose = jest.fn();
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
value: true,
|
||||
show: true,
|
||||
onClose,
|
||||
},
|
||||
});
|
||||
|
||||
wrapper.setProps({ value: false });
|
||||
expect(wrapper.emitted('close')).toBeTruthy();
|
||||
await wrapper.setProps({ show: false });
|
||||
|
||||
expect(onClose).toHaveBeenCalledTimes(1);
|
||||
});
|
||||
@ -1,6 +1,6 @@
|
||||
import { Calendar } from '..';
|
||||
import { mount, later } from '../../../test';
|
||||
import { minDate, maxDate, formatRange, formatDate } from './utils';
|
||||
import { minDate, maxDate } from './utils';
|
||||
|
||||
test('max-range prop when type is range and showConfirm is false', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
@ -11,19 +11,23 @@ test('max-range prop when type is range and showConfirm is false', async () => {
|
||||
maxRange: 3,
|
||||
poppable: false,
|
||||
showConfirm: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(12).trigger('click');
|
||||
days.at(18).trigger('click');
|
||||
days[12].trigger('click');
|
||||
days[18].trigger('click');
|
||||
|
||||
expect(formatRange(wrapper.emitted('select')[0][0])).toEqual('2010/1/13-');
|
||||
expect(formatRange(wrapper.emitted('select')[1][0])).toEqual(
|
||||
'2010/1/13-2010/1/19'
|
||||
);
|
||||
expect(wrapper.emitted<[Date]>('select')![0][0]).toEqual([
|
||||
new Date(2010, 0, 13),
|
||||
]);
|
||||
expect(wrapper.emitted<[Date]>('select')![1][0]).toEqual([
|
||||
new Date(2010, 0, 13),
|
||||
new Date(2010, 0, 19),
|
||||
]);
|
||||
expect(wrapper.emitted('confirm')).toBeFalsy();
|
||||
});
|
||||
|
||||
@ -35,19 +39,23 @@ test('max-range prop when type is range and showConfirm is true', async () => {
|
||||
maxDate,
|
||||
maxRange: 3,
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(12).trigger('click');
|
||||
days.at(18).trigger('click');
|
||||
days[12].trigger('click');
|
||||
days[18].trigger('click');
|
||||
|
||||
expect(formatRange(wrapper.emitted('select')[0][0])).toEqual('2010/1/13-');
|
||||
expect(formatRange(wrapper.emitted('select')[1][0])).toEqual(
|
||||
'2010/1/13-2010/1/15'
|
||||
);
|
||||
expect(wrapper.emitted<[Date]>('select')![0][0]).toEqual([
|
||||
new Date(2010, 0, 13),
|
||||
]);
|
||||
expect(wrapper.emitted<[Date]>('select')![1][0]).toEqual([
|
||||
new Date(2010, 0, 13),
|
||||
new Date(2010, 0, 15),
|
||||
]);
|
||||
expect(wrapper.emitted('confirm')).toBeFalsy();
|
||||
});
|
||||
|
||||
@ -60,86 +68,87 @@ test('max-range prop when type is multiple', async () => {
|
||||
maxRange: 2,
|
||||
poppable: false,
|
||||
showConfirm: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(13).trigger('click');
|
||||
days.at(14).trigger('click');
|
||||
days[13].trigger('click');
|
||||
days[14].trigger('click');
|
||||
days[15].trigger('click');
|
||||
|
||||
expect(wrapper.emitted('select').length).toEqual(1);
|
||||
expect(wrapper.emitted<[Date]>('select')![0][0]).toHaveLength(2);
|
||||
});
|
||||
|
||||
test('show-title prop', () => {
|
||||
test('show-title prop', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
value: true,
|
||||
show: true,
|
||||
},
|
||||
});
|
||||
|
||||
expect(wrapper.contains('.van-calendar__header-title')).toBeTruthy();
|
||||
wrapper.setProps({ showTitle: false });
|
||||
expect(wrapper.contains('.van-calendar__header-title')).toBeFalsy();
|
||||
expect(wrapper.find('.van-calendar__header-title').exists()).toBeTruthy();
|
||||
await wrapper.setProps({ showTitle: false });
|
||||
expect(wrapper.find('.van-calendar__header-title').exists()).toBeFalsy();
|
||||
});
|
||||
|
||||
test('show-subtitle prop', () => {
|
||||
test('show-subtitle prop', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
value: true,
|
||||
show: true,
|
||||
},
|
||||
});
|
||||
|
||||
expect(wrapper.contains('.van-calendar__header-subtitle')).toBeTruthy();
|
||||
wrapper.setProps({ showSubtitle: false });
|
||||
expect(wrapper.contains('.van-calendar__header-subtitle')).toBeFalsy();
|
||||
expect(wrapper.find('.van-calendar__header-subtitle').exists()).toBeTruthy();
|
||||
await wrapper.setProps({ showSubtitle: false });
|
||||
expect(wrapper.find('.van-calendar__header-subtitle').exists()).toBeFalsy();
|
||||
});
|
||||
|
||||
test('hide close icon when there is no title', () => {
|
||||
test('hide close icon when there is no title', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
value: true,
|
||||
show: true,
|
||||
},
|
||||
});
|
||||
|
||||
expect(wrapper.contains('.van-popup__close-icon')).toBeTruthy();
|
||||
expect(wrapper.find('.van-popup__close-icon').exists()).toBeTruthy();
|
||||
|
||||
wrapper.setProps({
|
||||
await wrapper.setProps({
|
||||
showTitle: false,
|
||||
showSubtitle: false,
|
||||
});
|
||||
expect(wrapper.contains('.van-popup__close-icon')).toBeFalsy();
|
||||
expect(wrapper.find('.van-popup__close-icon').exists()).toBeFalsy();
|
||||
});
|
||||
|
||||
test('allow-same-day prop', async () => {
|
||||
const select = jest.fn();
|
||||
const onSelect = jest.fn();
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
type: 'range',
|
||||
minDate,
|
||||
maxDate,
|
||||
poppable: false,
|
||||
},
|
||||
listeners: {
|
||||
select,
|
||||
lazyRender: false,
|
||||
onSelect,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(9).trigger('click');
|
||||
days.at(9).trigger('click');
|
||||
days[9].trigger('click');
|
||||
days[9].trigger('click');
|
||||
|
||||
expect(select).toHaveBeenLastCalledWith([minDate, null]);
|
||||
expect(onSelect).toHaveBeenLastCalledWith([minDate]);
|
||||
|
||||
wrapper.setProps({
|
||||
await wrapper.setProps({
|
||||
allowSameDay: true,
|
||||
});
|
||||
|
||||
days.at(9).trigger('click');
|
||||
expect(select).toHaveBeenLastCalledWith([minDate, minDate]);
|
||||
days[9].trigger('click');
|
||||
expect(onSelect).toHaveBeenLastCalledWith([minDate, minDate]);
|
||||
});
|
||||
|
||||
test('min-date after current time', () => {
|
||||
@ -148,11 +157,14 @@ test('min-date after current time', () => {
|
||||
poppable: false,
|
||||
minDate: new Date(2200, 0, 1),
|
||||
maxDate: new Date(2200, 0, 2),
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatDate(wrapper.emitted('confirm')[0][0])).toEqual('2200/1/1');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(2200, 0, 1)
|
||||
);
|
||||
});
|
||||
|
||||
test('min-date before current time', () => {
|
||||
@ -161,11 +173,14 @@ test('min-date before current time', () => {
|
||||
poppable: false,
|
||||
minDate: new Date(1800, 0, 1),
|
||||
maxDate: new Date(1800, 0, 2),
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(formatDate(wrapper.emitted('confirm')[0][0])).toEqual('1800/1/2');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(1800, 0, 2)
|
||||
);
|
||||
});
|
||||
|
||||
test('lazy-render prop', () => {
|
||||
@ -184,10 +199,10 @@ test('lazy-render prop', () => {
|
||||
test('month-show event', async () => {
|
||||
const wrapper = mount(Calendar, {
|
||||
props: {
|
||||
value: true,
|
||||
show: true,
|
||||
},
|
||||
});
|
||||
await later();
|
||||
await later(100);
|
||||
|
||||
expect(wrapper.emitted('month-show')).toBeTruthy();
|
||||
});
|
||||
@ -200,12 +215,13 @@ test('first day of week', async () => {
|
||||
minDate: new Date(2020, 7, 1),
|
||||
maxDate: new Date(2020, 7, 30),
|
||||
firstDayOfWeek: 2,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
expect(wrapper.find('.van-calendar__weekdays').text()[0]).toEqual('二');
|
||||
expect(wrapper.findAll('.van-calendar__weekday')[0].text()).toEqual('Tue');
|
||||
|
||||
const day = wrapper.find(
|
||||
'.van-calendar__month:first-of-type .van-calendar__day'
|
||||
@ -222,16 +238,17 @@ test('readonly prop', async () => {
|
||||
maxDate,
|
||||
readonly: true,
|
||||
poppable: false,
|
||||
lazyRender: false,
|
||||
},
|
||||
});
|
||||
|
||||
await later();
|
||||
|
||||
const days = wrapper.findAll('.van-calendar__day');
|
||||
days.at(13).trigger('click');
|
||||
days[13].trigger('click');
|
||||
expect(wrapper.emitted('select')).toBeFalsy();
|
||||
|
||||
wrapper.setProps({ readonly: false });
|
||||
days.at(13).trigger('click');
|
||||
await wrapper.setProps({ readonly: false });
|
||||
days[13].trigger('click');
|
||||
expect(wrapper.emitted('select')).toBeTruthy();
|
||||
});
|
||||
@ -1,19 +0,0 @@
|
||||
export const now = new Date();
|
||||
export const minDate = new Date(2010, 0, 10);
|
||||
export const maxDate = new Date(2010, 0, 20);
|
||||
|
||||
export function formatDate(date) {
|
||||
if (date) {
|
||||
return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
|
||||
}
|
||||
|
||||
return '';
|
||||
}
|
||||
|
||||
export function formatRange([start, end]) {
|
||||
return `${formatDate(start)}-${formatDate(end)}`;
|
||||
}
|
||||
|
||||
export function formatMultiple(dates) {
|
||||
return dates.map(formatDate).join(',');
|
||||
}
|
||||
3
src/calendar/test/utils.ts
Normal file
3
src/calendar/test/utils.ts
Normal file
@ -0,0 +1,3 @@
|
||||
export const now = new Date(new Date().setHours(0, 0, 0, 0));
|
||||
export const minDate = new Date(2010, 0, 10);
|
||||
export const maxDate = new Date(2010, 0, 20);
|
||||
Loading…
x
Reference in New Issue
Block a user