mirror/vanilla-todo
1
0
Fork 0
mirror of https://github.com/morris/vanilla-todo.git synced 2025-01-16 20:28:22 +01:00
Code Issues Releases Wiki Activity

update deps

Browse Source
This commit is contained in:
Morris Brodersen 2023-11-13 20:03:04 +01:00
parent 9d1c3b7b8f
commit 5518d5ec37
37 changed files with 802 additions and 2945 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
README.md
View File

@ -247,7 +247,7 @@ export function HelloWorld(el) {
// attach event listeners
el.addEventListener('modifyCounter', (e) =>
update({ counter: state.counter + e.detail })
update({ counter: state.counter + e.detail }),
);
// initial update
@ -267,7 +267,7 @@ export function HelloWorld(el) {
el.querySelector('.my-counter').dispatchEvent(
new CustomEvent('updateMyCounter', {
detail: { value: state.counter },
})
}),
);
}
}
@ -297,7 +297,7 @@ export function MyCounter(el) {
new CustomEvent('modifyCounter', {
detail: 1,
bubbles: true,
})
}),
);
});
@ -308,7 +308,7 @@ export function MyCounter(el) {
new CustomEvent('modifyCounter', {
detail: -1,
bubbles: true,
})
}),
);
});
@ -434,7 +434,7 @@ export function TodoList(el) {
const childrenByKey = new Map();
obsolete.forEach((child) =>
childrenByKey.set(child.getAttribute('data-key'), child)
childrenByKey.set(child.getAttribute('data-key'), child),
);
// build new list of child elements from data
@ -459,7 +459,7 @@ export function TodoList(el) {
// update child
child.dispatchEvent(
new CustomEvent('updateTodoItem', { detail: { item: item } })
new CustomEvent('updateTodoItem', { detail: { item: item } }),
);
return child;
@ -823,6 +823,10 @@ Thanks!
## 9. Changelog
### 11/2023
- Update dependencies
### 05/2023
- Add basic testing

4
es5/.prettierrc.json Normal file
View File

@ -0,0 +1,4 @@
{
"singleQuote": true,
"trailingComma": "es5"
}

10
es5/.stylelintrc.json Normal file
View File

@ -0,0 +1,10 @@
{
"extends": ["stylelint-config-standard", "stylelint-rscss/config"],
"rules": {
"property-no-vendor-prefix": null,
"selector-class-pattern": "[a-z\\-][a-z0-9\\-]+",
"media-feature-range-notation": "prefix",
"color-function-notation": "legacy",
"declaration-block-no-redundant-longhand-properties": null
}
}

2
es5/public/index.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />

2
es5/public/scripts/TodoApp.js
View File

@ -12,7 +12,7 @@ VT.TodoApp = function (el) {
el.innerHTML = [
'<header class="app-header">',
' <h1 class="title">VANILLA TODO</h1>',
' <p class="app-fps"></p>',
' <p class="app-fps fps"></p>',
'</header>',
'<div class="todo-frame -days"></div>',
'<div class="app-collapsible">',

12
es5/public/scripts/util.js
View File

@ -40,12 +40,12 @@ VT.formatDayOfMonth = function (date) {
return d === 11 || d === 12 || d === 13
? d + 'th'
: t === 1
? d + 'st'
: t === 2
? d + 'nd'
: t === 3
? d + 'rd'
: d + 'th';
? d + 'st'
: t === 2
? d + 'nd'
: t === 3
? d + 'rd'
: d + 'th';
};
VT.DAY_NAMES = [

2
es5/public/styles/app-collapsible.css
View File

@ -6,7 +6,7 @@
background: #eee;
}
.app-collapsible > .bar > .app-button:active {
.app-collapsible > .bar > .toggle:active {
background: #fff;
}

1
es5/public/styles/app-footer.css
View File

@ -5,6 +5,7 @@
color: #999;
}
/* stylelint-disable-next-line rscss/no-descendant-combinator */
.app-footer a {
color: #999;
}

2
es5/public/styles/app-header.css
View File

@ -9,7 +9,7 @@
margin: 0;
}
.app-header > .app-fps {
.app-header > .fps {
position: absolute;
top: 10px;
right: 20px;

2
es5/public/styles/app-icon.css
View File

@ -8,7 +8,7 @@
width: 1em;
height: 1em;
vertical-align: bottom;
fill: currentColor;
fill: currentcolor;
transition: transform 0.1s ease-out;
}

13
es5/public/styles/todo-custom-list.css
View File

@ -1,6 +1,8 @@
.todo-custom-list {
padding: 0 0.5em;
transition: transform 0.2s ease-out, opacity 0.2s ease-out,
transition:
transform 0.2s ease-out,
opacity 0.2s ease-out,
box-shadow 0.2s ease-out;
}
@ -10,7 +12,7 @@
}
.todo-custom-list > .header > .title {
margin: 0 0 10px 0;
margin: 0 0 10px;
font-size: 1.5em;
line-height: normal;
cursor: pointer;
@ -18,7 +20,7 @@
.todo-custom-list > .header > .form {
display: none;
margin: 0 0 10px 0;
margin: 0 0 10px;
font-size: 1em;
line-height: 1em;
}
@ -52,8 +54,9 @@
}
.todo-custom-list.-dragging {
box-shadow: 10px 0 12px -14px rgba(0, 0, 0, 0.3),
-10px 0 12px -14px rgba(0, 0, 0, 0.3);
box-shadow:
10px 0 12px -14px rgba(0, 0, 0, 30%),
-10px 0 12px -14px rgba(0, 0, 0, 30%);
background: #fff;
opacity: 0.8;
}

4
es5/public/styles/todo-day.css
View File

@ -9,14 +9,14 @@
.todo-day > .header > .dayofweek {
text-transform: uppercase;
margin: 0 0 0.25em 0;
margin: 0 0 0.25em;
font-size: 1.5em;
}
.todo-day > .header > .date {
text-transform: uppercase;
font-weight: normal;
margin: 0.25em 0 0 0;
margin: 0.25em 0 0;
font-size: 0.8em;
color: #aaa;
}

6
es5/public/styles/todo-frame.css
View File

@ -28,7 +28,7 @@
.todo-frame > .leftcontrols > p,
.todo-frame > .rightcontrols > p {
margin: 0 0 0.5em 0;
margin: 0 0 0.5em;
}
.todo-frame > .container {
@ -45,7 +45,9 @@
top: 0;
left: 0;
width: 100%;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
transition:
transform 0.2s ease-out,
opacity 0.2s ease-out;
}
.todo-frame.-animated {

6
es5/public/styles/todo-item.css
View File

@ -5,7 +5,9 @@
margin: 0;
padding: 0.25em 0;
background: #fff;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
transition:
transform 0.2s ease-out,
opacity 0.2s ease-out;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
@ -48,7 +50,7 @@
border: 0;
border-radius: 0;
outline: 0;
padding: 0 0 0.25em 0;
padding: 0 0 0.25em;
width: 100%;
font-family: inherit;
font-size: inherit;

3458
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

41
package.json
View File

@ -1,7 +1,26 @@
{
"name": "vanilla-todo",
"version": "0.1.0",
"description": "A TeuxDeux clone built with vanilla web technology only",
"description": "A TeuxDeux clone in plain HTML, CSS and JavaScript (no build steps)",
"keywords": [
"vanilla",
"html",
"css",
"javascript"
],
"author": "Morris Brodersen <mb@morrisbrodersen.de>",
"license": "ISC",
"homepage": "https://github.com/morris/vanilla-todo#readme",
"repository": {
"type": "git",
"url": "git+https://github.com/morris/vanilla-todo.git"
},
"bugs": {
"url": "https://github.com/morris/vanilla-todo/issues"
},
"engines": {
"node": ">=20"
},
"scripts": {
"format": "prettier --write .",
"format-check": "prettier --check .",
@ -10,30 +29,14 @@
"serve": "http-server -c-1 public",
"test": "playwright test"
},
"repository": {
"type": "git",
"url": "git+https://github.com/morris/vanilla-todo.git"
},
"keywords": [
"vanilla",
"html",
"javascript",
"css"
],
"author": "Morris Brodersen <mb@morrisbrodersen.de>",
"license": "ISC",
"bugs": {
"url": "https://github.com/morris/vanilla-todo/issues"
},
"homepage": "https://github.com/morris/vanilla-todo#readme",
"devDependencies": {
"@playwright/test": "^1.33.0",
"eslint": "^8.20.0",
"eslint-plugin-compat": "^4.0.2",
"http-server": "^14.1.1",
"prettier": "^2.7.1",
"prettier": "^3.1.0",
"stylelint": "^15.6.1",
"stylelint-config-standard": "^33.0.0",
"stylelint-config-standard": "^34.0.0",
"stylelint-rscss": "^0.4.0"
}
}

2
public/index.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />

4
public/scripts/AppCollapsible.js
View File

@ -6,7 +6,7 @@ export function AppCollapsible(el) {
el.addEventListener('collapse', (e) => update({ show: !e.detail }));
el.querySelector('.bar > .toggle').addEventListener('click', () =>
update({ show: !state.show })
update({ show: !state.show }),
);
update();
@ -16,7 +16,7 @@ export function AppCollapsible(el) {
el.querySelector('.bar > .toggle > .app-icon').classList.toggle(
'-r180',
state.show
state.show,
);
el.querySelectorAll('.body').forEach((el) => {

14
public/scripts/AppDatePicker.js
View File

@ -60,7 +60,7 @@ export function AppDatePicker(el) {
el.querySelectorAll('.app-icon').forEach(AppIcon);
el.addEventListener('toggleDatePicker', (e) =>
update({ show: e.detail ?? !state.show })
update({ show: e.detail ?? !state.show }),
);
el.addEventListener('setMonth', (e) => update(e.detail));
@ -78,10 +78,10 @@ export function AppDatePicker(el) {
detail: new Date(
e.target.dataset.year,
e.target.dataset.month - 1,
e.target.dataset.day
e.target.dataset.day,
),
bubbles: true,
})
}),
);
});
@ -95,7 +95,7 @@ export function AppDatePicker(el) {
: {
year: state.year - 1,
month: 12,
}
},
);
}
@ -109,7 +109,7 @@ export function AppDatePicker(el) {
: {
year: state.year + 1,
month: 1,
}
},
);
}
@ -122,7 +122,7 @@ export function AppDatePicker(el) {
const first = new Date(state.year, state.month - 1, 1);
el.querySelector('.month').innerHTML = `${formatMonth(
first
first,
)} ${first.getFullYear()}`;
let current = new Date(first);
@ -147,7 +147,7 @@ export function AppDatePicker(el) {
'-highlight',
current.getFullYear() === now.getFullYear() &&
current.getMonth() === now.getMonth() &&
current.getDate() === now.getDate()
current.getDate() === now.getDate(),
);
current.setDate(current.getDate() + 1);

18
public/scripts/AppDraggable.js
View File

@ -26,7 +26,7 @@ export function AppDraggable(el, options) {
e.stopImmediatePropagation();
}
},
true
true,
);
function start(e) {
@ -122,7 +122,7 @@ export function AppDraggable(el, options) {
new CustomEvent('draggableStart', {
detail: buildDetail(),
bubbles: true,
})
}),
);
}
@ -131,7 +131,7 @@ export function AppDraggable(el, options) {
new CustomEvent('draggableDrag', {
detail: buildDetail(),
bubbles: true,
})
}),
);
}
@ -148,7 +148,7 @@ export function AppDraggable(el, options) {
new CustomEvent('draggableLeave', {
detail: buildDetail(),
bubbles: true,
})
}),
);
}
@ -158,7 +158,7 @@ export function AppDraggable(el, options) {
new CustomEvent('draggableEnter', {
detail: buildDetail(),
bubbles: true,
})
}),
);
}
@ -178,7 +178,7 @@ export function AppDraggable(el, options) {
new CustomEvent('draggableOver', {
detail: buildDetail(),
bubbles: true,
})
}),
);
}
@ -192,14 +192,14 @@ export function AppDraggable(el, options) {
new CustomEvent('draggableDrop', {
detail: buildDetail(),
bubbles: true,
})
}),
);
} else {
image.dispatchEvent(
new CustomEvent('draggableCancel', {
detail: buildDetail(),
bubbles: true,
})
}),
);
}
}
@ -297,7 +297,7 @@ export function AppDraggable(el, options) {
const distanceSquared = pointDistanceToRectSquared(
clientX,
clientY,
rect
rect,
);
if (distanceSquared > dropRangeSquared) return;

2
public/scripts/AppFps.js
View File

@ -25,7 +25,7 @@ export function AppFps(el) {
const fps = (sampleSize / sum) * 1000;
el.innerText = `${fps.toFixed(0)} fps (${min.toFixed(0)} ms - ${max.toFixed(
0
0,
)} ms)`;
times = [];

10
public/scripts/AppSortable.js
View File

@ -5,11 +5,11 @@ export function AppSortable(el, options) {
let currentIndex = -1;
el.addEventListener('draggableStart', (e) =>
e.detail.image.addEventListener('draggableCancel', cleanUp)
e.detail.image.addEventListener('draggableCancel', cleanUp),
);
el.addEventListener('draggableOver', (e) =>
maybeDispatchUpdate(calculateIndex(e.detail.image), e)
maybeDispatchUpdate(calculateIndex(e.detail.image), e),
);
el.addEventListener('draggableLeave', (e) => maybeDispatchUpdate(-1, e));
@ -19,8 +19,8 @@ export function AppSortable(el, options) {
new CustomEvent('sortableDrop', {
detail: buildDetail(e),
bubbles: true,
})
)
}),
),
);
el.addEventListener('sortableUpdate', (e) => {
@ -47,7 +47,7 @@ export function AppSortable(el, options) {
new CustomEvent('sortableUpdate', {
detail: buildDetail(originalEvent),
bubbles: true,
})
}),
);
}
}

4
public/scripts/TodoApp.js
View File

@ -109,11 +109,11 @@ export function TodoApp(el) {
Object.assign(state, next);
el.querySelectorAll('.todo-frame').forEach((el) =>
el.dispatchEvent(new CustomEvent('todoData', { detail: state }))
el.dispatchEvent(new CustomEvent('todoData', { detail: state })),
);
el.querySelectorAll('.app-collapsible').forEach((el) =>
el.dispatchEvent(new CustomEvent('collapse'))
el.dispatchEvent(new CustomEvent('collapse')),
);
}

13
public/scripts/TodoCustomList.js
View File

@ -68,7 +68,7 @@ export function TodoCustomList(el) {
if (state.list.items.length > 0) {
if (
!confirm(
'Deleting this list will delete its items as well. Are you sure?'
'Deleting this list will delete its items as well. Are you sure?',
)
) {
return;
@ -79,7 +79,7 @@ export function TodoCustomList(el) {
new CustomEvent('deleteTodoList', {
detail: state.list,
bubbles: true,
})
}),
);
});
@ -116,7 +116,7 @@ export function TodoCustomList(el) {
new CustomEvent('saveTodoList', {
detail: { list: state.list, title: inputEl.value.trim() },
bubbles: true,
})
}),
);
update({ editing: false });
}
@ -132,12 +132,11 @@ export function TodoCustomList(el) {
titleEl.innerText = state.list.title || '...';
el.querySelector('.todo-list').dispatchEvent(
new CustomEvent('todoItems', { detail: state.list.items })
new CustomEvent('todoItems', { detail: state.list.items }),
);
el.querySelector(
'.todo-list > .todo-item-input'
).dataset.key = `todo-item-input${state.list.id}`;
el.querySelector('.todo-list > .todo-item-input').dataset.key =
`todo-item-input${state.list.id}`;
el.classList.toggle('-editing', state.editing);

2
public/scripts/TodoDay.js
View File

@ -43,7 +43,7 @@ export function TodoDay(el) {
el.querySelector('.header > .dayofweek').innerText = formatDayOfWeek(date);
el.querySelector('.header > .date').innerText = formatDate(date);
el.querySelector('.todo-list').dispatchEvent(
new CustomEvent('todoItems', { detail: state.items })
new CustomEvent('todoItems', { detail: state.items }),
);
}
}

12
public/scripts/TodoFrameCustom.js
View File

@ -29,19 +29,19 @@ export function TodoFrameCustom(el) {
el.querySelector('.back').addEventListener('click', () =>
el.dispatchEvent(
new CustomEvent('seekCustomTodoLists', { detail: -1, bubbles: true })
)
new CustomEvent('seekCustomTodoLists', { detail: -1, bubbles: true }),
),
);
el.querySelector('.forward').addEventListener('click', () =>
el.dispatchEvent(
new CustomEvent('seekCustomTodoLists', { detail: 1, bubbles: true })
)
new CustomEvent('seekCustomTodoLists', { detail: 1, bubbles: true }),
),
);
el.querySelector('.add').addEventListener('click', () => {
el.dispatchEvent(
new CustomEvent('addTodoList', { detail: {}, bubbles: true })
new CustomEvent('addTodoList', { detail: {}, bubbles: true }),
);
// TODO seek if not at end
});
@ -56,7 +56,7 @@ export function TodoFrameCustom(el) {
index: e.detail.index,
},
bubbles: true,
})
}),
);
});

20
public/scripts/TodoFrameDays.js
View File

@ -55,35 +55,39 @@ export function TodoFrameDays(el) {
el.querySelectorAll('.app-date-picker').forEach(AppDatePicker);
el.querySelector('.backward').addEventListener('click', () =>
el.dispatchEvent(new CustomEvent('seekDays', { detail: -1, bubbles: true }))
el.dispatchEvent(
new CustomEvent('seekDays', { detail: -1, bubbles: true }),
),
);
el.querySelector('.forward').addEventListener('click', () =>
el.dispatchEvent(new CustomEvent('seekDays', { detail: 1, bubbles: true }))
el.dispatchEvent(new CustomEvent('seekDays', { detail: 1, bubbles: true })),
);
el.querySelector('.fastbackward').addEventListener('click', () =>
el.dispatchEvent(new CustomEvent('seekDays', { detail: -5, bubbles: true }))
el.dispatchEvent(
new CustomEvent('seekDays', { detail: -5, bubbles: true }),
),
);
el.querySelector('.fastforward').addEventListener('click', () =>
el.dispatchEvent(new CustomEvent('seekDays', { detail: 5, bubbles: true }))
el.dispatchEvent(new CustomEvent('seekDays', { detail: 5, bubbles: true })),
);
el.querySelector('.home').addEventListener('click', () =>
el.dispatchEvent(new CustomEvent('seekToToday', { bubbles: true }))
el.dispatchEvent(new CustomEvent('seekToToday', { bubbles: true })),
);
el.querySelector('.pickdate').addEventListener('click', () =>
el
.querySelector('.datepicker')
.dispatchEvent(new CustomEvent('toggleDatePicker'))
.dispatchEvent(new CustomEvent('toggleDatePicker')),
);
el.querySelector('.datepicker').addEventListener('pickDate', (e) =>
el.dispatchEvent(
new CustomEvent('seekToDate', { detail: e.detail, bubbles: true })
)
new CustomEvent('seekToDate', { detail: e.detail, bubbles: true }),
),
);
el.addEventListener('todoData', (e) => update(e.detail));

6
public/scripts/TodoItem.js
View File

@ -50,7 +50,7 @@ export function TodoItem(el) {
done: !state.item.done,
},
bubbles: true,
})
}),
);
});
@ -105,7 +105,7 @@ export function TodoItem(el) {
new CustomEvent('deleteTodoItem', {
detail: state.item,
bubbles: true,
})
}),
);
});
@ -119,7 +119,7 @@ export function TodoItem(el) {
label,
},
bubbles: true,
})
}),
);
update({ editing: false });

2
public/scripts/TodoItemInput.js
View File

@ -51,7 +51,7 @@ export function TodoItemInput(el) {
new CustomEvent('addTodoItem', {
detail: { label },
bubbles: true,
})
}),
);
}

4
public/scripts/TodoList.js
View File

@ -23,8 +23,8 @@ export function TodoList(el) {
index: e.detail.index,
},
bubbles: true,
})
)
}),
),
);
el.addEventListener('todoItems', (e) => update({ items: e.detail }));

20
public/scripts/TodoStore.js
View File

@ -50,7 +50,7 @@ export function TodoStore(el) {
const movedItem = state.items.find((item) => item.id === e.detail.item.id);
const listItems = state.items.filter(
(item) => item.listId === e.detail.listId && item !== movedItem
(item) => item.listId === e.detail.listId && item !== movedItem,
);
listItems.sort((a, b) => a.index - b.index);
@ -66,7 +66,7 @@ export function TodoStore(el) {
});
el.addEventListener('deleteTodoItem', (e) =>
dispatch({ items: state.items.filter((item) => item.id !== e.detail.id) })
dispatch({ items: state.items.filter((item) => item.id !== e.detail.id) }),
);
el.addEventListener('addTodoList', (e) => {
@ -97,7 +97,7 @@ export function TodoStore(el) {
el.addEventListener('moveTodoList', (e) => {
const movedListIndex = state.customLists.findIndex(
(list) => list.id === e.detail.list.id
(list) => list.id === e.detail.list.id,
);
const movedList = state.customLists[movedListIndex];
@ -115,9 +115,9 @@ export function TodoStore(el) {
el.addEventListener('deleteTodoList', (e) =>
dispatch({
customLists: state.customLists.filter(
(customList) => customList.id !== e.detail.id
(customList) => customList.id !== e.detail.id,
),
})
}),
);
el.addEventListener('seekDays', (e) => {
@ -128,20 +128,20 @@ export function TodoStore(el) {
});
el.addEventListener('seekToToday', () =>
dispatch({ at: formatDateId(new Date()) })
dispatch({ at: formatDateId(new Date()) }),
);
el.addEventListener('seekToDate', (e) =>
dispatch({ at: formatDateId(e.detail) })
dispatch({ at: formatDateId(e.detail) }),
);
el.addEventListener('seekCustomTodoLists', (e) =>
dispatch({
customAt: Math.max(
0,
Math.min(state.customLists.length - 1, state.customAt + e.detail)
Math.min(state.customLists.length - 1, state.customAt + e.detail),
),
})
}),
);
function dispatch(next) {
@ -152,7 +152,7 @@ export function TodoStore(el) {
new CustomEvent('todoData', {
detail: state,
bubbles: false,
})
}),
);
}

12
public/scripts/util.js
View File

@ -33,12 +33,12 @@ export function formatDayOfMonth(date) {
return d === 11 || d === 12 || d === 13
? `${d}th`
: t === 1
? `${d}st`
: t === 2
? `${d}nd`
: t === 3
? `${d}rd`
: `${d}th`;
? `${d}st`
: t === 2
? `${d}nd`
: t === 3
? `${d}rd`
: `${d}th`;
}
export const DAY_NAMES = [

7
public/styles/todo-custom-list.css
View File

@ -1,6 +1,8 @@
.todo-custom-list {
padding: 0 0.5em;
transition: transform 0.2s ease-out, opacity 0.2s ease-out,
transition:
transform 0.2s ease-out,
opacity 0.2s ease-out,
box-shadow 0.2s ease-out;
}
@ -52,7 +54,8 @@
}
.todo-custom-list.-dragging {
box-shadow: 10px 0 12px -14px rgb(0 0 0 / 30%),
box-shadow:
10px 0 12px -14px rgb(0 0 0 / 30%),
-10px 0 12px -14px rgb(0 0 0 / 30%);
background: #fff;
opacity: 0.8;

4
public/styles/todo-frame.css
View File

@ -46,7 +46,9 @@
top: 0;
left: 0;
width: 100%;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
transition:
transform 0.2s ease-out,
opacity 0.2s ease-out;
}
.todo-frame.-animated {

4
public/styles/todo-item.css
View File

@ -5,7 +5,9 @@
margin: 0;
padding: 0.25em 0;
background: #fff;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
transition:
transform 0.2s ease-out,
opacity 0.2s ease-out;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;

4
test/e2e/addItem.test.mjs
View File

@ -9,7 +9,7 @@ test("Add item to today's todo list (Enter)", async ({ page }) => {
await page.keyboard.press('Enter');
await expect(page.locator('.-today .todo-item > .label')).toHaveText(
'Hello, world!'
'Hello, world!',
);
});
@ -22,6 +22,6 @@ test("Add item to today's todo list (click)", async ({ page }) => {
await page.locator('.-today .todo-item-input > .save').click();
await expect(page.locator('.-today .todo-item > .label')).toHaveText(
'Hello, world!'
'Hello, world!',
);
});

2
test/unit/util.test.mjs
View File

@ -4,6 +4,6 @@ import util from '../../public/scripts/util.js';
test('formatDate', () => {
expect(util.formatDate(new Date(0))).toEqual('January 1st 1970');
expect(util.formatDate(new Date('2023-05-13 12:00:00'))).toEqual(
'May 13th 2023'
'May 13th 2023',
);
});