learn testing with jest, babel, and data types

Author: zaiinhs

.gitignore

@@ -1,2 +1,2 @@
 /node_modules
-/build
+/dist

README.md

@@ -1,7 +1,13 @@
 # List learning typescript
 
-- [ ] Data types
-- [ ] Testing
+- [x] Setup Typescript
+- [x] Unit test with [Jest](https://jestjs.io/)
+- [x] Agar jest support JS Module, maka install [Babel](https://babeljs.io/)
 - [x] Union
 - [x] Intersection
+- [x] Ubah JS Module di tsconfig.json
+- [x] Testing with Jest
+- [ ] a
+- [ ] a
+- [ ] a
 

babel.config.json

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-typescript"]
+}

package-lock.json

@@ -4,13 +4,23 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "tsc": "rm -rf build/ && tsc",
-    "ts": "rm -rf build/ && tsc -w",
-    "dev": "nodemon ./build/latihan.js"
+    "test": "jest"
+  },
+  "jest": {
+    "transform": {
+      "^.+\\.[t|j]sx?$": "babel-jest"
+    }
   },
   "author": "zaiinhs",
   "license": "ISC",
   "devDependencies": {
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-typescript": "^7.22.15",
+    "@jest/globals": "^29.7.0",
+    "@types/jest": "^29.5.5",
+    "babel-jest": "^29.7.0",
+    "jest": "^29.7.0",
+    "ts-jest": "^29.1.1",
     "typescript": "^5.2.2"
   },
   "dependencies": {

package.json

@@ -0,0 +1,3 @@
+export function sayHello(name: string): string {
+  return `Hello ${name}`;
+}

src/say-hello.ts

@@ -0,0 +1,14 @@
+describe("Array", function () {
+  it("should array", function () {
+    const names: string[] = ["zain", "abidin", "zainal"];
+    const values: number[] = [1, 2, 3, 4, 5];
+  });
+
+  it("should support readonly array", function () {
+    const hobbies: ReadonlyArray<string> = ["Membaca", "Menulis"];
+  });
+
+  it("should support tuple", function () {
+    const person: readonly [string, string, number] = ["zainl", "abidin", 23];
+  });
+});

tests/array.test.ts

@@ -0,0 +1,6 @@
+describe("hello", function () {
+  it("zain", function () {
+    const name = "Hello zain";
+    expect(name).toBe("Hello zain");
+  });
+});

tests/hello.test.ts

@@ -0,0 +1,7 @@
+import { sayHello } from "../src/say-hello";
+
+describe("sayHello", function (): void {
+  it("should return hello zain", function (): void {
+    expect(sayHello("zain")).toBe("Hello zain");
+  });
+});

tests/say-hello.test.ts

@@ -0,0 +1,8 @@
+describe("Data Type", function () {
+  it("should must declare"),
+    function () {
+      const name: string = "Zainal Abidin";
+      const balance: number = 1000;
+      const isVip: boolean = true;
+    };
+});

tests/tipe-data.test.ts

@@ -1,4 +1,6 @@
 {
+  "include": ["src/**/*", "tests/**/*"],
+  // "exclude": ["tests/**/*"],
   "compilerOptions": {
     /* Visit https://aka.ms/tsconfig to read more about this file */
 
@@ -25,7 +27,7 @@
     // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
 
     /* Modules */
-    "module": "commonjs" /* Specify what module code is generated. */,
+    "module": "ES6" /* Specify what module code is generated. */,
     // "rootDir": "./",                                  /* Specify the root folder within your source files. */
     // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
     // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
@@ -55,7 +57,7 @@
     // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
     // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
     // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
-    "outDir": "./build" /* Specify an output folder for all emitted files. */,
+    "outDir": "./dist" /* Specify an output folder for all emitted files. */,
     // "removeComments": true,                           /* Disable emitting comments. */
     // "noEmit": true,                                   /* Disable emitting files from a compilation. */
     // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
@@ -105,6 +107,5 @@
     /* Completeness */
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
     "skipLibCheck": true /* Skip type checking all .d.ts files. */
-  },
-  "include": ["./src"]
+  }
 }