른록노트

문제상황 결과 => NodeList(2) [input#p_name2, input#p_name1]위 처럼 querySelectorAll 메서드에 의해 반환되는 값은 NodeList 인데 (NodeList란?) NodeList에 배열 함수를 사용할 수 없기 때문에 배열로 변환해 주고자 한다. 해결방법 console.log(document.querySelectorAll("[id^='p_name']")); // NodeList 반환 (기존) //아래는 변환하는 코드 console.log(Array.prototype.slice.call(document.querySelectorAll("[id^='p_name']"))); // mozilla 추천 방법 (구버전 브라우저 지원) consol..

1. 문제상황 input type을 number로 지정해놓고 최대 글자 수를 5자리로 지정해 놨는데 제대로 동작을 안하는 경우가 있었음 2. 해결방법 oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" 속성을 추가한다 참고사이트 https://stackoverflow.com/questions/9555143/html-maxlength-attribute-not-working-on-chrome-and-safari

1. 설치 npm install --save-dev ts-jest supertest @types/jest jest typescript 2. package.json 수정 "jest": { "transform": { "^.+\\.ts$": "ts-jest" }, "testRegex": "\\.test\\.ts$", "moduleFileExtensions": [ "ts", "tsx", "js", "json" ], "globals": { "ts-jest": { "diagnostics": true } } }참고사이트

1. Typescript란 공식 사이트 한글 번역 사이트 1.1. Javascript and more TypeScript adds additional syntax to JavaScript to support a tighter integration with your editor. Catch errors early in your editor. Typesciprt는 JavaScript에 추가 구문을 추가하여 편집기와의 긴밀한 통합을 지원합니다. 당신의 ide에서 초기에 오류를 포착하세요. 1.2. A Result You Can Trust TypeScript code converts to JavaScript, which runs anywhere JavaScript runs: In a browser, on Nod..

supertest superagent를 통해 HTTP assertion이 더 쉬워졌습니다. about supertest의 동기는 HTTP 테스트를 위한 high-level 추상화를 제공하는 동시에 superagent에서 제공하는 lower-level API을 사용할 수 있도록 합니다. 설치방법 npm install supertest --save-dev 사용법 일단 설치되면 이제 단순히 require('supertest');를 호출하여 참조할 수 있습니다. http.Server 또는 함수를 request()에 전달할 수 있습니다. 서버가 아직 connections을 listening 하지 않는 경우 임시 포트에 바인딩되므로 포트를 추적할 필요가 없습니다. SuperTest는 모든 테스트 프레..

Using with MongoDB Global Setup/Teardown 및 Async Test Environment API를 사용하여 Jest는 MongoDB와 원활하게 작동할 수 있습니다. 1. 먼저 @shelf/jest-mongodb를 설치하세요 Jest MongoDB는 MongoDB를 사용하여 테스트를 실행하는 데 필요한 모든 구성을 제공합니다. npm i @shelf/jest-mongodb --save-dev2. config를 수정하세요 jest.config.js` --- module.exports = { preset: '@shelf/jest-mongodb', };jest-mongodb-config.js --- module.exports = { mongodbMemoryServerO..

Mock Functions Mock 함수를 사용하면 함수의 실제 구현을 지우고, 함수에 대한 호출(및 해당 호출에서 전달된 매개변수)을 캡처하고, new로 인스턴스화될 때 생성자 함수의 인스턴스를 캡처하고, 반환 값의 테스트 시간 구성을 허용하여 코드 간의 링크를 테스트할 수 있습니다. Mock 함수에는 두 가지 방법이 있습니다. 테스트 코드에서 사용할 Mock 함수를 생성하거나 모듈 종속성을 재정의하기 위해 manual mock을 작성하는 것입니다. Using a mock function 제공된 배열의 각 항목에 대한 콜백을 호출하는 forEach 함수의 구현을 테스트한다고 가정해 보겠습니다. 이 함수를 테스트하기 위해 mock 함수를 사용하고 mock 상태를 검사하여 예상대로 콜백이 호출되는지 확인할..

Setup and Teardown 테스트를 작성하는 동안 테스트를 실행하기 전에 수행해야 하는 설정 작업과 테스트 실행 후에 수행해야 하는 마무리 작업이 있는 경우가 많습니다. Jest는 이를 처리하기 위한 도우미 기능을 제공합니다. Repeating Setup For Many Tests 많은 테스트를 위해 반복적으로 수행해야 하는 작업이 있는 경우 beforeEach 및 afterEach를 사용할 수 있습니다. 각 테스트가 시작 또는 종료 되기전에 실행합니다. 예를 들어 여러 테스트가 도시 데이터베이스와 상호 작용한다고 가정해 보겠습니다. 이러한 각 테스트 전에 호출해야 하는 initializeCityDatabase() 메서드와 이러한 각 테스트 후에 호출해야 하는 clearCityDatabase() ..