86 lines
3.7 KiB
JavaScript
86 lines
3.7 KiB
JavaScript
/* eslint-disable no-unused-expressions */
|
|
import { expect, fixture } from '@open-wc/testing';
|
|
import { createDay } from '../../src/utils/createDay.js';
|
|
import { dayTemplate } from '../../src/utils/dayTemplate.js';
|
|
|
|
const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
|
|
|
|
describe('dayTemplate', () => {
|
|
it('renders day cell', async () => {
|
|
const day = createDay(new Date('2019/04/19'), { weekOrder: 5 });
|
|
const el = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el).dom.to.equal(`
|
|
<td role="gridcell" class="calendar__day-cell">
|
|
<div
|
|
aria-disabled="false"
|
|
aria-pressed="false"
|
|
role="button"
|
|
class="calendar__day-button"
|
|
tabindex="-1"
|
|
>
|
|
<span class="calendar__day-button__text">19</span>
|
|
<span class="u-sr-only">
|
|
April 2019 Friday
|
|
</span>
|
|
</div>
|
|
</td>
|
|
`);
|
|
});
|
|
|
|
it('sets the first-day attribute', async () => {
|
|
let day = createDay(new Date('2019/04/01'));
|
|
const el1 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el1.hasAttribute('first-day')).to.be.true;
|
|
day = createDay(new Date('2019/04/02'));
|
|
const el2 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el2.hasAttribute('first-day')).to.be.false;
|
|
});
|
|
|
|
it('sets the end-of-first-week attribute', async () => {
|
|
let day = createDay(new Date('2019/04/06'), { weekOrder: 6 });
|
|
const el1 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el1.hasAttribute('end-of-first-week')).to.be.true;
|
|
day = createDay(new Date('2019/04/13'), { weekOrder: 6 });
|
|
const el2 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el2.hasAttribute('end-of-first-week')).to.be.false;
|
|
});
|
|
|
|
it('sets the start-of-first-full-week attribute', async () => {
|
|
let day = createDay(new Date('2019/04/07'), { startOfWeek: true });
|
|
const el1 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el1.hasAttribute('start-of-first-full-week')).to.be.true;
|
|
day = createDay(new Date('2019/04/14'), { startOfWeek: true });
|
|
const el2 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el2.hasAttribute('start-of-first-full-week')).to.be.false;
|
|
});
|
|
|
|
it('sets the end-of-last-full-week attribute', async () => {
|
|
let day = createDay(new Date('2019/04/27'), { weekOrder: 6 });
|
|
const el1 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el1.hasAttribute('end-of-last-full-week')).to.be.true;
|
|
day = createDay(new Date('2019/04/20'), { weekOrder: 6 });
|
|
const el2 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el2.hasAttribute('end-of-last-full-week')).to.be.false;
|
|
});
|
|
|
|
it('sets the start-of-last-week attribute', async () => {
|
|
let day = createDay(new Date('2019/04/28'), { startOfWeek: true });
|
|
const el1 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el1.hasAttribute('start-of-last-week')).to.be.true;
|
|
day = createDay(new Date('2019/04/21'), { startOfWeek: true });
|
|
const el2 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el2.hasAttribute('start-of-last-week')).to.be.false;
|
|
});
|
|
|
|
it('sets the last-day attribute', async () => {
|
|
let day = createDay(new Date('2019/04/30'), { startOfWeek: true });
|
|
const el1 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el1.hasAttribute('last-day')).to.be.true;
|
|
day = createDay(new Date('2019/03/30'), { startOfWeek: true });
|
|
const el2 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el2.hasAttribute('last-day')).to.be.false;
|
|
day = createDay(new Date('2019/02/28'), { startOfWeek: true });
|
|
const el3 = await fixture(dayTemplate(day, { weekdays }));
|
|
expect(el3.hasAttribute('last-day')).to.be.true;
|
|
});
|
|
});
|