/svelteScheduleApp

svelte, cypress, ci試す. アプリの機能実装まで終わっていない

Primary LanguageTypeScript

End-to-End Tests (cypress) deploy GitHub Pages lint

なぜやるか

  • svelte, cypress試す

コンセプト

  • TODO細分化
  • カレンダー表示
  • 時間計測、達成度表示

全部が一つになったアプリは新しい気がしたので

技術

app start

npm run dev
npm run test

工夫した点

  • TypeScript, eslint, tsconfig導入
  • フロントエンドに cypress で End-to-End テストを行う
  • components 内を atomic design 風にした -（ネットで少し調べたことがある程度）
  • pre-commit hook で lint, testを行う
  • github action でも lint, test, gh-pagesへのデプロイ を自動で行う
    • 成功しないと、masterに取り組めないように (branch protection rule)

課題（わかっていないこと）

  • 開発中で表示内容に変更がある場合、テストも変えなければいけないが、うまくやる方法はあるかどうか
  • history 機能が現時点では無い

まだやっていない

issueに挙げた

考慮

  • svelteKitまだ使ってない SvelteKit
  • ブラウザにsvelte-devtool入れても、有効にならない