{"id":1676,"date":"2022-06-30T09:00:00","date_gmt":"2022-06-30T00:00:00","guid":{"rendered":"https:\/\/www.miracleave.co.jp\/contents\/?p=1676"},"modified":"2023-05-22T11:51:50","modified_gmt":"2023-05-22T02:51:50","slug":"post-1676","status":"publish","type":"post","link":"https:\/\/www.miracleave.co.jp\/contents\/1676\/post-1676\/","title":{"rendered":"Typescript \u00d7 Jest \u00d7 Docker \u306e\u5b9f\u884c\u74b0\u5883\u3092\u3055\u304f\u3063\u3068\u69cb\u7bc9!"},"content":{"rendered":"\n

\u304a\u4e45\u3057\u3076\u308a\u3067\u3059\uff01\u65b0\u57a3\u3067\u3059\uff01<\/p>\n\n\n\n

\u6700\u8fd1 Typescript \u306e\u52c9\u5f37\u3092\u59cb\u3081\u305f\u306e\u3067\u7c21\u5358\u306b\u5b9f\u884c\u3067\u304d\u308b\u74b0\u5883\u307b\u3057\u304b\u3063\u305f\u306e\u3068<\/p>\n\n\n\n

Jest\u3082\u5b9f\u884c\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u305f\u304b\u3063\u305f\u306e\u3067 Docker\u3067\u5b9f\u884c\u74b0\u5883\u3092\u4f5c\u3063\u3066\u307f\u305f\u306e\u3067\u5171\u6709\u3057\u307e\u3059\uff01<\/p>\n\n\n\n

\u4ee5\u4e0b\u8a18\u4e8b\u3092\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

\n

Node(typescript) + docker \u74b0\u5883\u69cb\u7bc9\u30e1\u30e2<\/p>\nhttps:\/\/zenn.dev\/gakin\/scraps\/4cc16e7761d1ef<\/cite><\/blockquote>\n\n\n\n

\n

Jest\u3092TypeScript\u3067\u4f7f\u3046<\/strong><\/p>\nhttps:\/\/zenn.dev\/kohski\/articles\/typescript_jest<\/cite><\/blockquote>\n\n\n\n

1.Dockerfile & docker-compose.yaml \u306e\u8ffd\u52a0<\/p>\n\n\n\n

\u4ee5\u4e0b\u30b3\u30de\u30f3\u30c9\u3067\u30d5\u30a1\u30a4\u30eb\u306e\u8ffd\u52a0\u3068docker\u306e\u8a2d\u5b9a\u306e\u8ffd\u52a0<\/p>\n\n\n\n

touch Dockerfile docker-compose.yaml<\/code><\/pre><\/div>\n\n\n\n
Dockerfile<\/p>\n\n\n\n
FROM node:12\n\nWORKDIR \/app\n\nRUN npm install && \\\n    npm init -y && \\\n    yarn add --dev typescript ts-node ts-node-dev jest ts-jest @types\/jest && \\\n    mkdir src tests && touch src\/app.ts tests\/index.test.ts && \\\n    cd \/usr\/local\/bin &&\\\n    ln -s \/app\/node_modules\/typescript\/bin\/tsc && \\\n    tsc --init<\/code><\/pre><\/div>\n\n\n\n
docker-compose.yaml<\/p>\n\n\n\n
version: '3'\nservices:\n  app:\n    build:\n      context: .\n      dockerfile: Dockerfile\n    tty: true\n    volumes:\n      - .:\/app<\/code><\/pre><\/div>\n\n\n\n
2. \u5b9f\u884c\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210<\/p>\n\n\n\n
$ mkdir src tests && touch src\/index.ts tests\/index.test.ts<\/code><\/pre><\/div>\n\n\n\n
src\/index.ts<\/p>\n\n\n\n
const message = 'hello world!'\n\nconsole.log(message)\nexport default message<\/code><\/pre><\/div>\n\n\n\n
tests\/index.test.ts<\/p>\n\n\n\n
import message from '..\/src'\n\ntest('check message value', () => {\n    expect(message).toBe('hello world!')\n})<\/code><\/pre><\/div>\n\n\n\n
3. \u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u306e\u8ffd\u52a0\u3068\u4fee\u6b63<\/p>\n\n\n\n
$ touch package.json<\/code><\/pre><\/div>\n\n\n\n
package.json<\/p>\n\n\n\n
{\n    "name": "app",\n    "version": "1.0.0",\n    "description": "",\n    "main": "index.js",\n    "dependencies": {\n        "ts-node": "^10.8.1",\n        "typescript": "^4.7.4",\n        "tsc": "2.0.4"\n    },\n    "devDependencies": {\n        "@types\/jest": "^28.1.3",\n        "jest": "^28.1.1",\n        "ts-jest": "^28.0.5"\n    },\n    "scripts": {\n        "test": "jest --coverage"\n    },\n    "author": "",\n    "license": "ISC"\n}<\/code><\/pre><\/div>\n\n\n\n
4. Docker\u306e\u8d77\u52d5<\/p>\n\n\n\n
$ docker-compose build\n$ docker-compose up -d<\/code><\/pre><\/div>\n\n\n\n
5. jest \u306e\u8a2d\u5b9a<\/p>\n\n\n\n
jest.config.js<\/p>\n\n\n\n
\/** @type {import('ts-jest\/dist\/types').InitialOptionsTsJest} *\/\nmodule.exports = {\n  preset: 'ts-jest',\n  testEnvironment: 'node',\n  roots: ["<rootDir>\/tests", "<rootDir>\/src"],\n  collectCoverage: true,\n  collectCoverageFrom: [\n    "*\/*.ts",\n    "!**\/node_modules\/**",\n  ],\n  coverageDirectory: 'coverage_dir',\n  coverageReporters: ["html"]\n};<\/code><\/pre><\/div>\n\n\n\n
5. \u30d5\u30a1\u30a4\u30eb\u306e\u30b3\u30f3\u30d1\u30a4\u30eb\u3068\u5b9f\u884c<\/p>\n\n\n\n
ts\u30d5\u30a1\u30a4\u30eb\u306e\u30b3\u30f3\u30d1\u30a4\u30eb<\/p>\n\n\n\n
$ docker-compose exec app tsc src\/index.ts<\/code><\/pre><\/div>\n\n\n\n
js \u30d5\u30a1\u30a4\u30eb\u306e\u5b9f\u884c<\/p>\n\n\n\n
$ docker-compose exec app node src\/index.js<\/code><\/pre><\/div>\n\n\n\n
jest \u5b9f\u884c<\/p>\n\n\n\n
$ docker-compose exec app npm test<\/code><\/pre><\/div>\n\n\n\n
\u7686\u3055\u3093\u304c\u3055\u304f\u3063\u3068\u74b0\u5883\u69cb\u7bc9\u3067\u304d\u3066 Typescript \u306e\u5b66\u7fd2\u306b\u96c6\u4e2d\u3067\u304d\u308b\u3068\u79c1\u3082\u3046\u308c\u3057\u3044\u3067\u3059\uff01<\/p>\n\n\n\n
\u307f\u3093\u306a\u3067Typescript\u30de\u30b9\u30bf\u30fc\u3092\u76ee\u6307\u3057\u307e\u3057\u3087\u3046\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u304a\u4e45\u3057\u3076\u308a\u3067\u3059\uff01\u65b0\u57a3\u3067\u3059\uff01 \u6700\u8fd1 Typescript \u306e\u52c9\u5f37\u3092\u59cb\u3081\u305f\u306e\u3067\u7c21\u5358\u306b\u5b9f\u884c\u3067\u304d\u308b\u74b0\u5883\u307b\u3057\u304b\u3063\u305f\u306e\u3068 Jest\u3082\u5b9f\u884c\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u305f\u304b\u3063\u305f\u306e\u3067 Docker\u3067\u5b9f\u884c\u74b0\u5883\u3092\u4f5c\u3063\u3066\u307f\u305f\u306e\u3067\u5171\u6709\u3057\u307e\u3059\uff01 \u4ee5\u4e0b\u8a18\u4e8b\u3092\u53c2\u8003\u306b […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"swell_btn_cv_data":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1676","post","type-post","status-publish","format-standard","hentry","category-tech"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/posts\/1676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/comments?post=1676"}],"version-history":[{"count":7,"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/posts\/1676\/revisions"}],"predecessor-version":[{"id":2345,"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/posts\/1676\/revisions\/2345"}],"wp:attachment":[{"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/media?parent=1676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/categories?post=1676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.miracleave.co.jp\/contents\/wp-json\/wp\/v2\/tags?post=1676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}