JavaScript의 단위 테스트 및 자동화된 테스트에 대해 알아보세요.

JavaScript는 널리 사용되는 프로그래밍 언어로 인터넷 분야에서 매우 중요한 역할을 합니다. 소프트웨어 개발 과정에서 테스트는 빼놓을 수 없는 부분입니다. 프로젝트가 커지고 코드가 복잡해지면 수동 테스트에 시간이 더 많이 걸리고 오류가 발생하기 쉬워집니다. 따라서 단위 테스트와 자동화된 테스트에 대한 관심이 점점 더 커지고 있습니다. 이 기사에서는 독자들에게 특정 코드 예제와 함께 JavaScript의 단위 테스트 및 자동화된 테스트를 소개합니다.

1. 유닛 테스팅

유닛 테스팅은 소프트웨어에서 테스트 가능한 가장 작은 단위를 확인하고 검증하는 과정을 말합니다. JavaScript에서 테스트 가능한 가장 작은 단위는 함수, 메서드, 클래스 등일 수도 있고 작은 코드 조각일 수도 있습니다. 단위 테스트의 목적은 코드의 정확성과 안정성을 확인하고 코드에서 잠재적인 문제를 찾는 것입니다.

Jest 프레임워크를 예로 들어 JavaScript 단위 테스트를 소개하겠습니다.

1. Install Jest

먼저 프로젝트에 Jest를 설치해야 합니다. npm 명령을 사용하여 설치할 수 있습니다. 명령은 다음과 같습니다.

npm install jest --save-dev

그 중 --save-dev는 Jest를 개발 종속성에 추가합니다.

2. 테스트 케이스 작성

다음으로 테스트 케이스를 작성해야 합니다. 다음 추가 모듈이 있다고 가정합니다.

function add(a, b) {
return a + b;
}

이 모듈의 정확성을 테스트하려면 테스트 케이스를 작성해야 합니다. 프로젝트 루트 디렉터리에서 다음 코드를 사용하여 add.test.js라는 파일을 생성합니다:

const add = require('./add');

test('adds 1 + 2 to equal 3', ( ) => {
Expect(add(1, 2)).toBe(3);
});

test('1과 같도록 -1 + 2를 더합니다.', () => {
Expect(add (-1, 2)).toBe(1);
});

test('0.1 + 0.2를 더해 0.3이 됩니다.', () => {
Expect(add(0.1, 0.2)).toBeCloseTo( 0.3);
});

테스트 케이스에서는 test() 문을 사용하여 테스트 케이스 이름과 테스트 함수를 정의합니다. 테스트 함수에서는 코드의 정확성을 확인하기 위해 Expect() 및 toBe() 문을 사용합니다. toBe() 문은 동등성을 비교하는 데 사용되고 toBeCloseTo() 문은 근접성을 비교하는 데 사용됩니다. 테스트 케이스를 실행하는 명령은 다음과 같습니다.

npm test

실행 결과는 아래 그림과 같습니다.

테스트 케이스가 성공적으로 실행되고 코드가 올바르게 실행될 수 있습니다. 이렇게 하면 우리는 자신 있게 코드를 릴리스할 수 있습니다!

2. 자동화된 테스트

자동화된 테스트는 스크립트, 도구 등을 사용하여 소프트웨어를 테스트하는 프로세스를 말합니다. 수동 테스트와 비교하여 자동화된 테스트는 속도, 정확성 및 반복성의 장점이 있으며 테스트 효율성과 품질을 크게 향상시킬 수 있습니다. JavaScript에서는 자동화된 테스트도 매우 중요합니다.

JavaScript에서 자동화된 테스트를 소개하기 위해 Selenium과 ChromeDriver를 예로 들어 보겠습니다.

1. Selenium 및 ChromeDriver 설치

먼저 프로젝트에 Selenium과 ChromeDriver를 설치해야 합니다. npm 명령을 사용하여 설치할 수 있습니다. 명령은 다음과 같습니다.

npm install selenium-webdriver chromedriver --save-dev

그 중 selenium-webdriver는 Selenium의 JavaScript 구현이고 chromedriver는 JavaScript 구현입니다. ChromeDriver의

2. 테스트 스크립트 작성

다음으로 테스트 스크립트를 작성해야 합니다. 다음과 같은 로그인 모듈이 있다고 가정합니다:

function login(username,password) {
if (username === 'admin' && 비밀번호 === 'admin') {

return true;

} else {

return false;

}
}

이 모듈의 정확성을 테스트하려면 테스트 스크립트를 작성해야 합니다. 프로젝트 루트 디렉터리에서 다음 코드를 사용하여 login.spec.js라는 파일을 생성합니다:

const { Builder, By, Key, Until } = require('selenium-webdriver');

(async function loginTest( ) {
let Driver = wait new Builder().forBrowser('chrome').build();
마지막으로 {

await driver.get('http://example.com/login');
await driver.findElement(By.name('username')).sendKeys('admin', Key.TAB);
await driver.findElement(By.name('password')).sendKeys('admin', Key.RETURN);
await driver.wait(until.titleIs('My Dashboard'), 1000);
console.log('Test passed!');

}를 시도해보세요 {

await driver.quit();

}
})();

테스트 스크립트에서 우리는 자동화된 테스트를 위해 Selenium과 ChromeDriver를 사용하세요. 먼저 브라우저 인스턴스를 생성한 다음 로그인 페이지를 열고 사용자 이름과 비밀번호를 입력하고 사용자 인터페이스로 이동한 다음 마지막으로 테스트 통과 정보를 출력합니다. 테스트 스크립트를 실행하는 명령은 다음과 같습니다.

node login.spec.js

실행 결과는 아래 그림과 같습니다.

테스트 스크립트가 성공적으로 실행되고 우리 코드가 올바르게 실행될 수 있습니다. 이렇게 하면 자신있게 코드를 릴리스할 수 있습니다!

요약

이 글에서는 JavaScript의 단위 테스트와 자동화된 테스트를 소개합니다. 단위 테스트는 테스트 가능한 가장 작은 단위의 검사 및 검증을 의미합니다. Jest 프레임워크는 일반적으로 테스트 사례를 작성하고 테스트를 수행하는 데 사용됩니다. 자동화된 테스트는 스크립트, 도구 등을 사용하여 소프트웨어를 테스트하는 것을 의미합니다. 테스트 작성에는 일반적으로 Selenium 및 ChromeDriver가 사용됩니다. 스크립트를 작성하고 테스트를 수행합니다. 이 기사가 독자들이 JavaScript 테스트를 이해하는 데 도움이 되기를 바랍니다.

위 내용은 JavaScript의 단위 테스트 및 자동화된 테스트에 대해 알아보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!