テストコードå“質を高ã‚ã‚‹ãŸã‚ã«Mutation Testingライブラリ・Strykerを実戦導入ã—ã¦ã¿ãŸè©±TSKaigi Kansai 2024 ã§ã®ç™»å£‡è³‡æ–™ã§ã™ã€‚ https://kansai.tskaigi.org/talks/ysknsid25
Vitestå…¬å¼ã«ãªã£ãŸeslint-plugin-vitestã‚’å°Žå…¥ã—ã¦ã€é©åˆ‡ãªVitestã®ãŠä½œæ³•ã‚’å¦ã‚“ã§ã¿ã‚‹
import vitest from "@vitest/eslint-plugin"; export default [ { files: ["tests/**"], // or any other pattern plugins: { vitest }, rules: { ...vitest.configs.recommended.rules, // you can also use vitest.configs.all.rules to enable all rules + // e.g. 'vitest/no-test-return-statement': 'error', + "vitest/max-nested-describe": ["error", { "max": 1 }] // you can also modify rules' behavior using optio
TypeScriptã¦ã‚™ è² è·ãƒ†ã‚¹ãƒˆã‚’書ã“ㆠ〜k6ã®ã‚·ãƒ³ã‚¯ã‚™ãƒ«ãƒã‚™ã‚¤ãƒŠãƒªã®ç§˜å¯†ã€œ
2024/8/24 フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹åŒ—æµ·é“2024
TypeSpecã€Orvalã€Storybook を使ã£ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ¢ãƒƒã‚¯ç”Ÿæˆã‚’自動化ã™ã‚‹
ã¯ã˜ã‚㫠フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã„ã¦ã€åŠ¹çŽ‡çš„ã‹ã¤ä¸€è²«æ€§ã®ã‚るモック生æˆã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚本記事ã§ã¯ TypeSpecã€Orvalã€Storybook ã® 3 ã¤ã®ãƒ„ールを使用ã—ã¦è‡ªå‹•ç”Ÿæˆã§ãƒ¢ãƒƒã‚¯ã‚’実ç¾ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ TypeSpec ã¯ã€å¤§è¦æ¨¡ãª API ã‚’æä¾›ã™ã‚‹ãŸã‚ã« Microsoft ãŒé–‹ç™ºã—ã€ä½¿ç”¨ã—ã¦ã„ã‚‹æ–°ã—ã„ API 記述言語ã§ã™ã€‚ Orval ã¯ã€OpenAPI 仕様ã‹ã‚‰ TypeScript ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚³ãƒ¼ãƒ‰ã‚’生æˆã™ã‚‹ãƒ„ールã§ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€æœ€æ–°ã® API 仕様ã«åŸºã¥ã„ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚³ãƒ¼ãƒ‰ã‚’常ã«ä¿æŒã—ã€API ã¨ã®é€šä¿¡ãŒã‚¹ãƒ ーズã«è¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Storybook ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’独立ã—ã¦é–‹ç™ºãƒ»ãƒ†ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªãƒ„ールã§ã™ã€‚コンãƒãƒ¼ãƒãƒ³ãƒˆã®è¦‹ãŸç›®ã‚„動作を個別ã«ç¢ºèªã§ãã‚‹ãŸã‚ã€UI ã®ä¸€è²«æ€§ã‚’ä¿ã¡ãªãŒã‚‰åŠ¹çŽ‡çš„ã«é–‹ç™ºã‚’進ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™
スナップショットテストã®å‘ãä¸å‘ãã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã‚‹ - mizdra's blog
ãµã¨ã‚¹ãƒŠãƒƒãƒ—ショットテストã£ã¦ãªã‚“ã ã‚ã†ã€ã©ã†ã„ã†å ´é¢ã§å‘ã„ã¦ã„ã¦ã€ã©ã†ã„ã†å ´é¢ã«ã¯å‘ã„ã¦ã„ãªã„ã‚“ã ã‚ã†ã¨è€ƒãˆã‚‹æ©Ÿä¼šãŒã‚ã£ã¦è‰²ã€…調ã¹ã¦ã¾ã—ãŸã€‚ä¸å¯§ãªè¨˜äº‹ã«ã—よã†ã¨ã—ãŸã®ã§ã™ãŒã€ä¸Šæ‰‹ãã¾ã¨ã¾ã‚‰ãªãã¦æŒ«æŠ˜ã—ã¦ã—ã¾ã£ãŸâ€¦ ã¨ã¯ã„ãˆã“ã®ã¾ã¾æ‰‹å…ƒã«ç½®ã続ã‘ã¦ãŠãã®ã‚‚勿体ãªã„ã®ã§ã€ä¸‹æ›¸ã段階ã®ã‚‚ã®ã‚’公開ã—ã¦ä¾›é¤Šã—ã¾ã™ã€‚ スナップショットテストã¨ã¯ スナップショットテストã¨ã¯ã€ã‚るプãƒã‚°ãƒ©ãƒ ã®å‡ºåŠ›ã‚’以å‰ã®å‡ºåŠ›ã¨æ¯”較ã—ã€ä¸¡è€…ã«å·®åˆ†ãŒã‚ã‚‹ã‹ã‚’テストã™ã‚‹æ‰‹æ³•ã®ã“ã¨ã§ã™ã€‚予ã‚以å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã®å‡ºåŠ› (スナップショット) ã®ã©ã“ã‹ã«ä¿å˜ã—ã¦ãŠãã€æ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã®å‡ºåŠ›ã¨æ¯”較ã—ã€å·®åˆ†ãŒã‚ã£ãŸã‚‰ fail ã•ã›ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®å‡ºåŠ›å†…容ãŒäºˆæœŸã›ã¬ã†ã¡ã«å¤‰ã‚ã£ã¦ã—ã¾ã£ã¦ã„ãŸå ´åˆã«æ°—ã¥ãã“ã¨ãŒã§ãã¾ã™ã€‚ 例: React コンãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ†ã‚¹ãƒˆã¸ã®é©ç”¨ 代表的ãªåˆ©ç”¨ä¾‹ãŒ Jest を使
TypeScript 3.7ã®`asserts x is T`åž‹ã¯ã©ã®ã‚ˆã†ã«å±é™ºãªã®ã‹ - Qiita
TypeScirptã®å‹•å‘ã‚’å°‘ã—熱心ã«è¿½ã£ã¦ã„ã‚‹æ–¹ãªã‚‰ã°ã€8月é ã«Anders Hejlsbergã•ã‚“ãŒTypeScriptリãƒã‚¸ãƒˆãƒªã«æ¬¡ã®ãƒ—ルリクエストを出ã—ãŸã“ã¨ã¯è¨˜æ†¶ã«æ–°ã—ã„ã§ã—ょã†ã€‚ Assertions in control flow analysis ã“ã‚Œã¯TypeScript 3.7ã§å°Žå…¥ã•ã‚Œã‚‹äºˆå®šã®æ©Ÿèƒ½ã§ã€é–¢æ•°ã®è¿”り値ã®åž‹å®£è¨€ã«ãŠã„ã¦asserts x is T （xã¯å¼•æ•°åã§Tã¯åž‹ï¼‰ã¨ã„ã†æ§‹æ–‡ã‚’書ãã“ã¨ãŒå¯èƒ½ã«ãªã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã®æ©Ÿèƒ½ã¯ãŸã„ã¸ã‚“é¢ç™½ã„ã®ã§ã™ãŒã€èª¤ã£ãŸä½¿ã„方をã™ã‚‹ã¨ã¨ã¦ã‚‚å±é™ºã§ã™ã€‚ãã“ã§ã€ã“ã®è¨˜äº‹ã§ã¯ã€assertsã¨ã„ã†æ–°ã—ã„型述語1ã‚’æ£ã—ã使ã„ã“ãªã›ã‚‹ã‚ˆã†ã«çš†ã•ã‚“をガイドã—ã¾ã™ã€‚ 3è¡Œã§ã¾ã¨ã‚る㨠assertsã«ã‚ˆã‚‹å®£è¨€ã¯TypeScriptã«ã‚ˆã‚Šæ£ã—ã•ãŒãƒã‚§ãƒƒã‚¯ã•ã‚Œã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 よã£ã¦ã€assertsを使ã†å ´åˆå®‰å…¨æ€§ã‚’ä¿è¨¼ã™ã‚‹è²¬ä»»ã¯ã‚³
TypeScript 3.7 ã® Assertion Functions 注æ„点 | La Verda Luno
Announcing TypeScript 3.7 Beta 㫠“Optional Chaining†㨠“Nullish Coalescing†ã¨ã„ã†å¾…望ã®æ©Ÿèƒ½ã¨ã¨ã‚‚㫠“Assertion Functions†ãŒç™»å ´ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯å¾“æ¥ã‹ã‚‰ã‚ã‚‹ User-Defined Type Guard ã¨ä¼¼ã¦ã„ã¦ã€ã“ã¡ã‚‰ã¯æ¡ä»¶ã«åˆã‚ãªã„å ´åˆã«ä¾‹å¤–を投ã’るよã†ãªã€åˆ¥è¨€èªžã§ã® assert 構文・関数ã¨ä¼¼ãŸã‚‚ã®ã‚’ TypeScript ã®ãƒ•ãƒãƒ¼è§£æžã«å…¥ã‚Œã‚‹æ©Ÿèƒ½è¿½åŠ ã§ã™ã€‚ Assertion Functions ã«ã¤ã„ã¦ã¯ TypeScript 3.7ã® asserts x is T åž‹ã¯ã©ã®ã‚ˆã†ã«å±é™ºãªã®ã‹ ãŒå…¨ä½“çš„ã«è©³ã—ã„ã§ã™ã€‚ ã“ã®æŠ•ç¨¿ã®æœ¬é¡Œã¯ã€ãã‚Œã®åˆ¶ç´„ã«é–¢ã™ã‚‹ãƒ¡ãƒ¢ã§ã™ã€‚ Assertion Functions を使ã£ã¦ãƒˆãƒªãƒƒã‚ーãªã“ã¨ã‚’ã—よã†ã¨ã—ã¦é˜»ã¾ã‚ŒãŸã‚ã‘ã§ã™ãŒã€æ—¥æœ¬èªžã®è¨˜äº‹
TSDoc 㨠documentation tests
技術ãƒã‚¿ä¸å¿ƒã«ãã®ä»–雑多ãªã“ã¨ã‚’
InversifyJS docs | InversifyJS
InversifyJSA powerful and lightweight inversion of control container for JavaScript & Node.js apps powered by TypeScript Strongly TypedInversifyJS is powered by TypeScript. TypeScript enable JavaScript developers to use highly-productive development tools and practices when developing JavaScript applications. UniversalInversifyJS compiles to clean, simple JavaScript code which runs on any browser,
InversifyJSã§å¦ã¶DI(Dependency Injection) - Qiita
ã¯ã˜ã‚ã« DIコンテナ自体ã¯ç‰¹ã«ç›®æ–°ã—ã„技術ã§ã¯ã‚ã‚Šã¾ã›ã‚“。JavaScript界隈ã§ã¯AngularJS 1.xã‚„RequireJS(AMD)ç‰ã¯ãれ自体ãŒDIã®ä»•çµ„ã¿ã‚’内包ã—ãŸãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ ã—ã‹ã—ã€ã“れらã®DIã¯è‹¥å¹²ç„¡ç†ã‚„ã‚Šãªå®Ÿè£…方法をå–ã£ã¦ã„ãŸæ„ŸãŒã‚ã‚Šã¾ã™12。ã“ã‚Œã¯JavaScriptã§ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã‚„AOPã‚’é©åˆ‡ã«æ‰±ã†æ©Ÿèƒ½ãŒä¸è¶³ã—ã¦ã„ãŸã“ã¨ãŒèƒŒæ™¯ã«ã‚ã‚‹ã¨è€ƒãˆã¦ã„ã‚‹ã®ã§ã™ãŒã€ã“ã“1, 2å¹´ã§è¨€èªžå´ã®çŠ¶æ³ã‚‚変化ã—ã¦ãã¦ã„ã¾ã™ã€‚ 具体的ã«ã¯TypeScript 1.5ã‹ã‚‰DecoratorsãŒã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸã‚Šã€ES 2015ã«ã¦ãƒªãƒ•ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã®ä»•æ§˜ãŒè¿½åŠ ã•ã‚ŒãŸã‚Šã¨ã€ã‚ˆã‚Šã‚¹ãƒžãƒ¼ãƒˆãªDIコンテナを実装ã™ã‚‹ãŸã‚ã®åŸºç›¤ãŒæ•´ã„ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ãã“ã§ä»Šæ—¥ã¯InversifyJSã¨ã„ã†è»½é‡JavaScript DIコンテナã«ã¤ã„ã¦è§¦ã‚Œã‚‹ã¨ã¨ã‚‚ã«ã€æœ€æ–°ã®DI事情を見ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Invers
1
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - Typescript-TDD/ts-auto-mock: Typescript transformer to unlock automatic mock creation for interfaces and classes
GitHub - skovy/cooky-cutter: 🪠Object factories for testing in TypeScript
dubzzz/fast-check: Property based testing framework for JavaScript (like QuickCheck) written in TypeScript
GitHub - sverweij/dependency-cruiser: Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.
TypeScriptã§power-assertを使ã†æ™‚ã®æ³¨æ„点 - Qiita
Internet Explorer デベãƒãƒƒãƒ‘ー センター
{{#tags}}- {{label}}
{{/tags}}