add : 과제 D 항목 추가

docs/tests/test.md

@@ -0,0 +1,80 @@
+## 목적
+
+피그마에서 사용자가 플러그인을 활용해 svg파일을 iconfont파일로 변환시켜서 코드에서 사용할 수 있어야함.
+
+## 대상
+
+### `inputText`
+
+- **테스트 수준 및 유형**
+  - 유닛 테스트 / 기능 테스트
+- **시나리오**
+  1. 모든 inputText에 '<', '>', ':', /(슬래시), \(역슬래시), |(파이프), ?(물음표), \*(별표asterisk), 공백( )
+     , '#'(샤프, 해시), %(퍼센트), &(앰퍼샌드), '(단일 인용부호), "(이중 인용부호), ;(세미콜론), --(SQL 주석), '\n', '\t'
+     , '\r' 를 입력하면 "Special characters such as (<, >, :, /, \, |, ?, \*, ' ', #, %, &, ', ", ;, -, \n, \t, \r) are not allowed."
+     이라는 경고 알림창이 나타남.
+  2. Font Name inputText에 입력할 수 있는 길이는 255를 넘을 수 없음.
+  3. prefix와 suffix inputText에 입력할 수 있는 길이는 50을 넘을 수 없음.
+  4. Version inputText에 숫자와 '.'을 제외한 값을 입력한 경우 inputText의 border color가 red로 변하고 'Only numbers and '.' are
+     allowed as input'이라는 경고 알림창이 나타남.
+- **환경 및 도구**
+  - Jest
+- **책임**
+  - 김동욱
+
+### `Button`
+
+- **테스트 수준 및 유형**
+  - 유닛 테스트 / 기능 테스트
+- **시나리오**
+  1. SVG파일이 아닌 이미지나 오브젝트를 선택 후 버튼을 누르면 'Only SVG files can be converted to font format. Please upload an SVG
+     file'이라는 경고 알림창이 나타남.
+  2. 중복된 이름의 SVG파일을 선택 후 버튼을 누르면 'Duplicate file name detected.'이라는 경고 알림창이 나타남.
+  3. 필수 입력값을 입력하지 않고 버튼을 누르면 입력되지 않은 필수 입력항목에 포커스, bolder color가 red로 표시됨.
+- **환경 및 도구**
+  - Jest
+- **책임**
+  - 김동욱
+
+### `IconDrag`
+
+- **테스트 수준 및 유형**
+  - 유닛 테스트/기능 테스트
+- **시나리오**
+  - 드레그한 SVG파일들이 제작한 플러그인에 반영이 된다.
+  - 선택한 SVG 파일 갯수가 생성버튼에 표시된다.
+- **환경 및 도구**
+  - Jest
+- **책임**
+  - 윤승호
+
+### `FontGeneration`
+
+- **테스트 수준 및 유형**
+  - 유닛 테스트/기능 테스트
+- **시나리오**
+  - 드레그한 SVG 파일 기반으로 ttf으로 변환하고 입력한 폰트이름(fontName)인 파일을 생성한다.
+  - ttf 파일을 .woff으로 변환하고 입력한 폰트이름(fontName)인 파일을 생성한다.
+  - ttf 파일을 .otf으로 변환하고 입력한 폰트이름(fontName)인 파일을 생성한다.
+  - 폰트정보를 담고 있는 CSS 파일을 생성하고 입력한 폰트이름(fontName)인 파일을 생성한다.
+  - 변환된 폰트 데모 마크업 페이지가 생성된다.
+  - Vue 옵션이 선택되었다면 Vue 템플릿을 생성한다.
+  - React 옵션이 선택되었다면 React 템플릿을 생성한다.
+  - 폴더를 생성하고 생성된 모든 파일들을 폴더로 옮긴다.
+  - 위에 파일을 모두 압축한 .zip 확장자를 가지고 입력한 폰트이름(fontName)압축파일이 생성된다.
+- **환경 및 도구**
+  - Jest
+- **책임**
+  - 윤승호
+
+### `VersionPage`
+
+- **테스트 수준 및 유형**
+  - 기능 테스트
+- **시나리오**
+  - 입력한 version 명의 페이지가 생성된다.
+  - 변환한 svg들이 page안에 복사가 되어 노출된다.
+- **환경 및 도구**
+  - Jest
+- **책임**
+  - 김지나