본문 바로가기

전체 글474

Jest Globals 공식문서 사이트 Globals · Jest (jestjs.io) Globals · Jest In your test files, Jest puts each of these methods and objects into the global environment. You don't have to require or import anything to use them. However, if you prefer explicit imports, you can do import {describe, expect, test} from '@jest/globals'. jestjs.io example.test.js 파일 수정 import {double} from './example' describe('그룹1', () => { /.. 2022. 1. 17.
첫 테스트 tests -> example.js 파일 생성 // export 키워드를 붙여서 외부에서 테스트할수 있도록 설정 export function double(num) { return num * 2 } 명령어 스크립트 생성 -> package.json 파일에 코드 추가 "test:unit": "jest --watchAll" 콘솔창에 명령어 입력: npm run test:unit 성공 확인 실패 확인 example.test.js 코드 수정 import {double} from './example' test('첫 테스트', () => { expect(123).toBe(123) }) test('인수가 숫자 데이터입니다', () => { expect(double(3)).toBe(6) expect(double(10)).. 2022. 1. 16.
테스트 환경 구성 패키지 설치 jest 설치 명령어: npm i -D jest @vue/test-utils@next vue-jest@next babel-jest jest환경설정 js파일 생성 루트경로 -> jest.config.js 파일 생성 module.exports = { // 파일 확장자를 지정하지 않은 경우, Jest가 검색할 확장자 목록입니다. // 일반적으로 많이 사용되는 모듈의 확장자를 지정합니다. // E.g. `import HelloWorld from '~/components/HelloWorld';` moduleFileExtensions: [ 'js', 'vue' ], // `~` 같은 경로 별칭을 매핑합니다. // `` 토큰을 사용해 루트 경로를 참조할 수 있습니다. // E.g. `import Hell.. 2022. 1. 16.
테스트 개요 Unit Test 단위(Unit) 테스트란 데이터(상태), 함수(메소드), 컴포넌트 등의 정의된 프로그램 최소 단위들이 독립적으로 정상 동작하는지 확인하는 방법. -> 프로젝트 파일에서 테스트 툴: Jest, Vue Test Utils E2E Test E2E(End to End) 테스트란 애플리케이션의 처음부터 끝까지의 실제 사용자의 관점에서 사용 흐름을 테스트하는 방법 -> 화면에서 테스트 툴: Cypress 2022. 1. 16.
포트 수정 및 배포 기본 실행 명령을 서버리스방법으로 오픈하도록 변경 package.json 코드 수정 "scripts": { "dev:webpack": "webpack-dev-server --mode development", "dev": "netlify dev", "build": "webpack --mode production", "lint": "eslint --fix --ext .js,.vue" }, netlify.toml 코드 수정 -> 포트및 웹팩으로 실행하는 명령부분 수정 (위에서 선언한 명령어와 맞춰줘야함) # 개발 모드 [dev] framework = "#custom" # 감지할 프로젝트 유형을 지정합니다. 앱 서버 및 'targetPort' 옵션을 실행하는 명령 옵션은 '' command = "npm run .. 2022. 1. 15.
로컬 및 서버의 환경 변수 구성 git 으로 코드를 올렸을 경우 다른 사용자가 중요코드를 확인할수 있는 문제점 발생 그런 문제점을 보완하기 위해서 환경변수로 설정하여 관리한다. 패키지 추가 명령어: npm i -D dotenv-webpack webpack.config.js 파일 코드 추가 const Dotenv = require('dotenv-webpack') new Dotenv() 루트경로에 .env 파일 생성 및 코드 추가 띄어쓰기나 따옴표가 안들어가도록 주의 OMDB_API_KEY=비밀 functions -> movie.js 코드 수정 -> 환경변수 데이터 가져오기 -> 기존 변수 삭제 const axios = require('axios') const OMDB_API_KEY = process.env.OMDB_API_KEY 정상동작.. 2022. 1. 15.

티스토리툴바