[TypeScript & Module Typing] 호프(김문희) 미션 제출합니다.

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+Reference.md

__tests__/api.test.ts

@@ -1,39 +1,67 @@
 /**
  * @jest-environment jsdom
  */
-import _ from '../src';
+import _ from "../src";
 
-test('모듈은 기본 내보내기', () => {
-	expect(_).toBeTruthy();
+test("모듈은 기본 내보내기", () => {
+  expect(_).toBeTruthy();
 });
 
-test('모듈에 포함된 함수 확인', () => {
-	expect(typeof _.fetch).toBe('function');
+test("모듈에 포함된 함수 확인", () => {
+  expect(typeof _.fetch).toBe("function");
 });
 
-test('모듈에 포함된 함수 확인', () => {
-	expect(typeof _.pick).toBe('function');
+test("모듈에 포함된 함수 확인", () => {
+  expect(typeof _.pick).toBe("function");
 });
 
-test('모듈에 포함된 함수 확인', () => {
-	expect(typeof _.omit).toBe('function');
+test("모듈에 포함된 함수 확인", () => {
+  expect(typeof _.omit).toBe("function");
 });
 
-test('Selector 동작 확인', () => {
-	const divElement = document.createElement('div');
-	divElement.innerHTML = `<button class='test-btn'>Continue</button>`;
-	document.body.appendChild(divElement);
+test("Selector 동작 확인", () => {
+  const divElement = document.createElement("div");
+  divElement.innerHTML = `<button class='test-btn'>Continue</button>`;
+  document.body.appendChild(divElement);
 
-	const buttonElement = _('button.test-btn');
-	expect(buttonElement).toBeTruthy();
+  const buttonElement = _("button.test-btn").element;
+  expect(buttonElement).toBeTruthy();
+  divElement.removeChild(buttonElement);
+});
+
+test("innerHTML 동작 확인", () => {
+  const divElement = document.createElement("div");
+  divElement.id = "target-div";
+  document.body.appendChild(divElement);
+
+  const myElement = _("#target-div");
+  myElement.innerHTML(`<button class='test-btn'>Continue</button>`);
+
+  const buttonElement = _("button.test-btn").element;
 
-	document.body.removeChild(buttonElement);
+  expect(buttonElement).toBeTruthy();
+  myElement.element.removeChild(buttonElement);
 });
 
-test('`_("").innerHTML()`~~~~', () => {});
+test("show 동작 확인", () => {
+  const divElement = document.createElement("div");
+  divElement.id = "target-div";
+  document.body.appendChild(divElement);
 
-test('`_("").show()`~~~~', () => {});
+  const myElement = _("#target-div");
+  myElement.element.style.display = "none";
+  myElement.show();
 
-test('`_("").hidden()`~~~~', () => {});
+  expect(myElement.element.style.display).toBe("block");
+});
+
+test("hide 동작 확인", () => {
+  const divElement = document.createElement("div");
+  divElement.id = "target-div";
+  document.body.appendChild(divElement);
 
-test('`_("").addEvent()`~~~~', () => {});
+  const myElement = _("#target-div");
+  myElement.hide();
+
+  expect(myElement.element.style.display).toBe("none");
+});

__tests__/type.test.ts

@@ -1,10 +1,94 @@
-/**
- * @jest-environment jsdom
- */
-import { expectType } from 'tsd';
+import _ from "../src";
+import { expectType } from "tsd";
+import {
+  DebouncedFunction,
+  DebounceThrottleOptions,
+  SoundFunction,
+  FetchOptions,
+  FetchResponse,
+} from "../src/util";
 
-import _ from '../src';
+test("fetch 함수에 대한 타입을 체크한다.", () => {
+  // given
+  type TestData = {
+    id: number;
+    name: string;
+    age: number;
+  };
 
-_('.button').addEvent('click', function (event) {
-	expectType<MouseEvent>(event);
+  expectType<
+    (url: string, options?: FetchOptions) => Promise<FetchResponse<TestData[]>>
+  >(_.fetch<TestData[]>);
+});
+
+test("isNull 함수에 대한 타입을 체크한다.", () => {
+  expectType<(value: any) => value is null>(_.isNull);
+});
+
+test("isNill 함수에 대한 타입을 체크한다.", () => {
+  expectType<(value: any) => value is null | undefined>(_.isNil);
+});
+
+test("isFunction 함수에 대한 타입을 체크한다.", () => {
+  expectType<(value: any) => value is (...args: any[]) => any>(_.isFunction);
+});
+
+test("shuffle 함수에 대한 타입을 체크한다.", () => {
+  expectType<(array: number[]) => number[]>(_.shuffle<number>);
+});
+
+test("pick 함수에 대한 타입을 체크한다.", () => {
+  // given
+  type testObj = { a: 1; b: 2; c: 3 };
+  type testPath = ["a", "b"];
+  type pickResultObj = { a: 1; b: 2 };
+
+  // then
+  expectType<(object: testObj, path: testPath) => pickResultObj>(
+    _.pick<testObj, testPath>
+  );
+});
+
+test("omit 함수에 대한 타입을 체크한다.", () => {
+  // given
+  type testObj = { a: 1; b: 2; c: 3 };
+  type testPath = ["a", "b"];
+  type OmitResultObj = { c: 3 };
+
+  // then
+  expectType<(object: testObj, path: testPath) => OmitResultObj>(
+    _.omit<testObj, testPath>
+  );
+});
+
+test("debounce 함수에 대한 타입을 체크한다.", () => {
+  // given
+  type testFun = SoundFunction<number>;
+
+  expectType<
+    (
+      func: testFun,
+      wait: 100,
+      options: DebounceThrottleOptions
+    ) => DebouncedFunction<testFun>
+  >(_.debounce<testFun>);
+});
+
+test("throttle 함수에 대한 타입을 체크한다.", () => {
+  // given
+  type testFun = SoundFunction<number>;
+
+  expectType<
+    (
+      func: testFun,
+      wait: 100,
+      options: DebounceThrottleOptions
+    ) => DebouncedFunction<testFun>
+  >(_.throttle<testFun>);
+});
+
+test("clickOutside 함수에 대한 타입을 체크한다.", () => {
+  expectType<(eventTarget: HTMLElement, innerElement: HTMLElement) => boolean>(
+    _.clickOutside
+  );
 });

jest.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  preset: "ts-jest",
+  testEnvironment: "node",
+  transform: {
+    "^.+\\.ts?$": "ts-jest",
+  },
+  transformIgnorePatterns: ["<rootDir>/node_modules/"],
+};