javascript 테스트

당신은 현재 두 가지 상황 중 하나에 있을 것입니다. 또는 JavaScript 프로젝트가 거의 테스트가 없고 모든 리팩토링이 위험한 것처럼 느껴지거나, 이미 테스트가 있고 절반은 느리고 brittle, 그리고 이상하게도 신뢰할 수 없는 테스트가 있습니다.

그것은 __CAPGO_KEEP_0__에서 더 나빠집니다. Capacitor 및 Electron 앱. 간단한 기능은 공유된 비즈니스 로직, 브라우저 API, 네이티브 플러그인, 로컬 파일, IPC, 및远程 서비스를 동일한 흐름에서触及 할 수 있습니다. 잘못된 방식으로 테스트하는 경우, 테스트 스위트는 가짜 종속성을 포함하는 미로가됩니다. 올바른 방식으로 테스트하는 경우, 논리가 깨지는 즉시 빠른 feedback을 얻을 수 있습니다.

좋은 단위 테스트 자바 스크립트 작업은 재미있는 매처 문법 구문으로 시작하지 않습니다. 그것은 고도의 경계: 순수 논리를 직접 테스트하고, 사이드 이펙트를 분리하고, 내부 함수를 이름을 바꾸면 테스트가 붕괴되는 테스트를 작성하지 않습니다.

자바 스크립트 테스트 프레임워크를 선택하는 방법
프로젝트 설정 및 첫 번째 테스트
비동기 Code와 함께 마스터하는 mocks
강력한 테스트를 위한 고급 전략
CI, Capacitor, 및 Electron 앱을 위한 테스트
자바스크립트 단위 테스트에 대한 자주 묻는 질문

자바스크립트 테스트 프레임워크를 선택하는 방법

전문적인 자바스크립트 프로젝트에는 실제 테스트 러너가 필요합니다. ad hoc 스크립트와 수동 콘솔 확인은 여러 엔지니어가 동일한 코드베이스에 접근하는 경우에 확대되지 않습니다. 테스트 발견, 진술, 비동기 처리, 모의, 그리고 로컬 개발 및 CI에서 일관되게 모든 것을 실행할 수 있는 방법이 필요합니다.

현재 지침은 mainstream 옵션의 작은 세트로 수렴하고 있습니다. Jest, Mocha, Jasmine 주요 프레임워크로 반복적으로 강조되는 것은 Jest, Mocha, Jasmine Jest __CAPGO_KEEP_0__ JavaScript 테스트 lab.

JavaScript 테스트 프레임워크 비교 차트

프레임워크는 선택사항이 아님

팀이 첫 번째 실수를犯하는 이유는 단위 테스트를 부수적인 활동으로 다루기 때문입니다. 그 결과로 불규칙한 파일 이름, nobody이 기억하지 못하는 커스텀 어설션, 그리고 한 사람만 이해하는 헬퍼가 생깁니다.

프레임워크는 공유 언어를 제공합니다.

테스트 구조 with describe 및 test 또는 it
어설션 가독성 있는 매처와 함께
__CAPGO_KEEP_0__ 설정 및 해제를 위한 Hook
동기 지원 프로미스 및 타이머를 위한
외부 의존성을 위한 모킹 도구 팀이 단위 수준 이외의 테스트 자동화에 대한 더 넓은 시야가 필요하다면 __CAPGO_KEEP_0__는 앱 전달 워크플로우에서 자동화된 테스트에 대한 유용한 개요를 제공합니다.

If your team also needs a broader view of test automation beyond unit-level work, Capgo has a useful overview of Jest와 Mocha는 두 가지 다른 철학을 대표합니다..

Jest

일일이 필요한 대부분의 팀이 첫날부터 사용할 수 있는 모든-in-one 옵션입니다.

Jest Mocha
Mocha __CAPGO_KEEP_0__는 더 모듈러합니다. 그들은 러너를 제공하고 나머지 스택을 조립하도록 기대합니다.

기능	Jest	Mocha
설정 복잡도	대부분의 팀에서 낮은	높은 이유는 일반적으로 확인 및 모킹 라이브러리를 추가하기 때문입니다.
확인	내장	일반적으로 다른 라이브러리와 pair됩니다.
모킹	내장된	일반적으로 다른 라이브러리와 pair되며
비동기 테스트	내장되어 직관적이다	지원되지만, 주변 설정에 더 많이 의존한다
Coverage workflow	통상 같은 도구 chain에 통합된다	더욱 많은 조각으로 구성된다
최적의 선택	새로운 프로젝트, 일관성을 원하는 팀	기존 스택, 모듈성을 원하는 팀

실용적인 규칙: 팀이 assertion 라이브러리와 mocking 라이브러리와 함께 러너를 pair하는지 물어보지 않아야 한다면, Jest를 사용하고 싶을 것입니다.

대부분의 현대 프로젝트에서, 나는 Jest Mocha에 이미 강력한 이유가 있는 코드베이스가 이미 있다면, Mocha를 사용하는 것이 좋습니다. Capacitor Electron 이러한 프로젝트는 이미 충분히 움직이는 부분이 있습니다. 테스트 도구의 sprawl을 줄이면 빠르게 보상됩니다.Mocha는 여전히 Node.js 서비스의 오래된 버전이나 오래된 코드베이스에서 의미가 있습니다. 그러나 중급 엔지니어가 처음부터 강력한 테스트 스위트를 설정할 때, Jest는 더 많은 마찰을 생성하는 것보다 더 많은 마찰을 제거합니다.

중요한 범위 주의 사항입니다. Cypress와 Playwright는 훌륭한 도구지만, 다른 문제를 해결합니다. 브라우저 수준과 종료 단계의 확인을 위해 더 좋습니다. 단위 테스트에서 JavaScript가 작동해야 하는 빠른 내부 루프에서는 그렇지 않습니다.

프로젝트 설정과 첫 번째 테스트

__CAPGO_KEEP_0__

__CAPGO_KEEP_0__는 깨끗한 테스트 환경이 평범해야 한다는 것을 의미합니다. 첫 번째 테스트를 추가하는 것이 복잡해 보인다면, 테스트 스위트가 건강하게 유지되지 않을 것입니다.

안경을 쓴 남성이木en의 작업을하는 프로젝트를 노트북에있는 나무 데스크에.

__CAPGO_KEEP_0__는 간단한 Jest 설정입니다.

__CAPGO_KEEP_0__ 프로젝트가 이미 가지고 있는 것을 시작하여, 그리고 Jest를 개발 의존성으로 추가하고 테스트 스크립트를 연결합니다. package.json이것은 많은 프로젝트에 충분합니다. 모듈 시스템, 전처리, 또는 모노레포 구조가 더 많은 구성이 필요하다고 요구한다면, 나중에 추가할 수 있습니다.

{
  "scripts": {
    "test": "jest"
  }
}

__CAPGO_KEEP_0__ 앱을 로컬에서 빌드하고 개발 환경이 정리된 상태에서 공유 로직에 대한 테스트를 추가하고 싶다면, __CAPGO_KEEP_1__의 로컬 환경 설정을 위한 __CAPGO_KEEP_0__ 가이드는 실용적인 동반자입니다.

If you’re building a Capacitor app locally and want your dev environment in order before adding tests around shared logic, Capgo’s guide to 테스트를 먼저 작성하는 패턴은 단순히 개인의 선호도만 아니라, 미국 소비자 금융 보호국(Javascript 지침)의 Capacitor를 작성하기 전에 테스트를 작성하십시오. U.S. 소비자 금융 보호국은 Javascript 지침에서 __CAPGO_KEEP_0__를 작성하기 전에 테스트를 작성하십시오.

U.S. 소비자 금융 보호국은 Javascript 지침에서 code를 작성하기 전에 테스트를 작성하십시오.

U.S. 소비자 금융 보호국은 Javascript 지침에서 __CAPGO_KEEP_0__를 작성하기 전에 테스트를 작성하십시오. U.S. 소비자 금융 보호국은 Javascript 지침에서 __CAPGO_KEEP_0__를 작성하기 전에 테스트를 작성하십시오.테스트를 조직하는 방법 describe 및 it, expect(...) 테스트 프레임워크의 JavaScript 단위 테스트 지침에서.

That matters because test-first changes how you design code. Functions tend to become smaller, dependencies become more visible, and side effects stop leaking into logic that should stay pure.

테스트-첫 번째 변경은 __CAPGO_KEEP_0__의 설계 방식에 영향을 미친다. 함수는 더 작아지며, 의존성은 더 명확해지고, 논리가 순수해야 하는 부분에 영향을 미치는 부수 효과가 사라진다.

// math.js
function addTax(amount, rate) {
  return amount + amount * rate;
}

module.exports = { addTax };

// math.test.js
const { addTax } = require('./math');

describe('addTax', () => {
  it('returns the amount with the tax applied', () => {
    expect(addTax(100, 0.2)).toBe(120);
  });
});

다음은 최소한의 예시이다.

Arrange Act Assert를 항상 사용하라 Arrange, Act, Assert 패턴은 테스트가 더 복잡해질 때도 읽기 쉽게 유지한다.

Arrange __CAPGO_KEEP_0__와 필요한 설정을 위한 입력.
Act __CAPGO_KEEP_0__를 호출합니다.
Assert 결과에 대한 __CAPGO_KEEP_0__

유효성 검사 도우미에 적용된 __CAPGO_KEEP_0__

function isSupportedPlatform(platform) {
  return ['ios', 'android', 'web', 'desktop'].includes(platform);
}

describe('isSupportedPlatform', () => {
  it('returns true for ios', () => {
    // Arrange
    const platform = 'ios';

    // Act
    const result = isSupportedPlatform(platform);

    // Assert
    expect(result).toBe(true);
  });
});

작은 테스트는 오래 지속됩니다. 테스트는 일반적으로 하나의 질문에 답해야 하며, 전체 워크플로를 설명하는 것이 아닙니다.

Capacitor와 Electron 프로젝트의 경우, 이 규칙은 더 중요합니다. 순수 논리 부분이 네이티브 또는 데스크톱 통합과 함께 존재하기 때문입니다. code에서 플랫폼 런타임이 없는 상태로 비즈니스 규칙 테스트를 유지하고, 첫 번째 테스트가 마지막으로 유용한 테스트가 될 수 있도록 합니다.

Mocks와 비동기 Code를 마스터하세요.

애플리케이션 code의 대부분의 버그는 두 개의 숫자를 더하는 것에서 오지 않습니다. code이 외부로 벗어나서 발생합니다: 네트워크 요청, 파일, 플러그인 API, 타이머, IPC 채널, 저장소层.

mocking이 도움이 됩니다. 테스트가 code의 의사결정에 집중할 수 있도록 외부 경계를 제어할 수 있기 때문입니다.

API, 데이터 스토어, 외부 서비스, 이벤트 드라이브 데이터 흐름을 보여주는 화이트보드 다이어그램.

가짜 경계를 설정하지 마세요, 모든 것은 아니에요

유지 보수 가능한 테스트 지침은 단일 동작 커버리지 그리고 테스트당 하나의 강력한 주장, 그리고 그것도 가짜를 과도하게 사용하면 테스트가 취약하고 구현 세부 사항에 강하게 결합된다는 것을 경고한다. 이는 유지 보수 가능한 단위 테스트에 대한 TestRail 기사에서 요약한 것과 같습니다. 자바스크립트에서 그 경고가 정말 중요합니다. 팀들은 종종 모든 임포트 모듈을 가짜로 설정하고 시작하여 함수가 다른 함수를 호출하는 올바른 순서를 테스트하는 대신 실제 동작을 테스트하는 대신, 함수가 다른 함수를 호출하는 올바른 순서를 테스트합니다..

가짜가 많은 테스트의 나쁜 목표:

헬퍼 A가 헬퍼 B를 호출했는지

서비스 C가 시리얼라이저 D를 호출했는지
내부 private 함수가 두 번 실행되었는지
__CAPGO_KEEP_0__

더 좋은 목표:

함수에서 반환된 값
실패한 의존성을 올바르게 처리했는지 여부
데이터를 기대하는 형태로 변형했는지 여부

Capacitor와 Electron code에 대한 더 좋은 패턴

모바일 및 데스크톱 앱에서, 나는 네이티브 또는 플랫폼 API에 대한 wrapper 레이어를 선호한다. 그런 다음 단위 테스트는 wrapper를 mock하지만 플랫폼 자체를 mock하지 않는다.

예제 구조:

// cameraGateway.js
async function getPhoto(cameraPlugin) {
  return cameraPlugin.getPhoto();
}

module.exports = { getPhoto };

// profilePhotoService.js
async function loadProfilePhoto(cameraGateway) {
  const photo = await cameraGateway.getPhoto();
  return { path: photo.path, ready: true };
}

module.exports = { loadProfilePhoto };

// profilePhotoService.test.js
const { loadProfilePhoto } = require('./profilePhotoService');

test('returns mapped photo data', async () => {
  const fakeCameraGateway = {
    getPhoto: jest.fn().mockResolvedValue({ path: '/tmp/pic.jpg' })
  };

  const result = await loadProfilePhoto(fakeCameraGateway);

  expect(result).toEqual({ path: '/tmp/pic.jpg', ready: true });
});

그 패턴은 Electron에도 작동한다. Wrap ipcRenderer파일 접근, 또는 셸 통합을 얇은 어댑터 뒤에 감싸라. 단위 테스트는 서비스 레이어를 타격하지만 런타임을 직접 타격하지 않는다.

Capacitor 앱의 릴리스 로직 및 업데이트 경로를 테스트하는 팀에게, Capgo에는 Capacitor OTA 업데이트를 mock 시나리오와 함께 테스트하는 관련 가이드가 있다. testing Capacitor OTA updates with mock scenarios.

__CAPGO_KEEP_0__

비동기 흐름을 테스트하는 방법

테스트에서 사용하여 __CAPGO_KEEP_0__이 프로미스를 반환할 때. async/await in tests when the code under test returns a promise. It’s clearer than callback-heavy patterns and easier to debug.

async function fetchProfile(api) {
  const response = await api.getUser();
  return response.name;
}

test('returns the user name from the API response', async () => {
  const api = {
    getUser: jest.fn().mockResolvedValue({ name: 'Ava' })
  };

  const result = await fetchProfile(api);

  expect(result).toBe('Ava');
});

행복한 경로와 불행한 경로를 모두 테스트하십시오. 실제 운영 환경에서 불행한 경로는 사용자가 기억하는 경로입니다.

test('throws when the API request fails', async () => {
  const api = {
    getUser: jest.fn().mockRejectedValue(new Error('network failed'))
  };

  await expect(fetchProfile(api)).rejects.toThrow('network failed');
});

강력한 테스트를 위한 고급 전략

테스트 스위트가 __CAPGO_KEEP_0__이 변경된 후에도 유용한지 확인하는 것이 중요합니다. 테스트를 통과하는 테스트를 많이 작성하는 것보다 더 어려운 일입니다.

A test suite becomes useful when it stays useful after the code changes. That’s harder than writing a pile of passing tests.

테스트를 분할하여 예산을 사용하십시오

실용적인 가이드는

테스트를 분할하여 70/20/10 단위 테스트, 통합 테스트, 종합 테스트로 나누십시오 테스트를 분할하여 예산을 사용하십시오빠른 테스트 결과와 가장 안정적인 실패를 제공하는 단위 테스트를 사용하세요. 같은 지침은 완전한 단위 테스트가 10 초 이내에 완료되어야 한다고 말합니다.pre-commit 체크는 5 초 이내에 완료되어야 한다고 말합니다.OpenReplay 테스트 지침에 따릅니다. 나는 그것을 예산 관리 도구로 대신 종교로 생각합니다. 만약 팀의 대부분의 노력이 끝-to-end 테스트에 들어간다면, 팀은 너무 오랜 시간 동안 feedback을 기다릴 것입니다. 만약 모든 것이 단위 테스트만이면, 시스템의 실제 경계를 놓치게 될 것입니다..

Capgo 또는 Electron 앱의 경우, 건강한 균형은 일반적으로 다음과 같습니다.

For a Capacitor or Electron app, a healthy balance usually looks like this:

가격 로직, 권한 규칙, 직렬화, 업데이트 적합성, 기능 플래그, 상태 변환에 대한 테스트 통합 테스트
저장소 어댑터, 플러그인 래퍼, IPC 계약에 대한 테스트 storage adapters, plugin wrappers, and IPC contracts
E2E 테스트 로그인, 구매 흐름, 동기화, 업데이트 알림과 같은 몇 가지 중요한 여행에 대해

커버리지가 불빛인 것처럼, 목표가 아님

커버리지 보고서는 중요한 논리에서 테스트되지 않은 branch를 식별하는 데 도움이 될 때 유용합니다. 그러나 팀이 커버리지 퍼센티지에 대한 자신의 목표를 위해 추구할 때 유해해집니다.

로그인 유효성 검사에 대한 깊은 edge-case 테스트가 더 많은 가치를 제공하는 경우, 가치가 없는 단순한 주장으로 가득 찬 파일이 커버리지가 높아진다는 것은 특히 입력-heavy code such as forms, parsers, date logic, and permission checks와 같은 UI에 대한 유효성 검사-heavy 팀이 질감을 높이는 경우에 참조할 가치가 있습니다. 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우, 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우에 참조할 가치가 있습니다. 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우, 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우에 참조할 가치가 있습니다.

유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우, 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우에 참조할 가치가 있습니다.

유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우, 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우에 참조할 가치가 있습니다. 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우, 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우에 참조할 가치가 있습니다. 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우, 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우에 참조할 가치가 있습니다.

유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우, 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우에 참조할 가치가 있습니다.

경계 조건 빈 입력, null과 같은 값, 잘못된 타입, oversized 문자열과 같은 것
도메인 결과 권한이 없는 경우 반환이 거부된 경우와 같은 것
상태 전환 다운로드 메타데이터가 유효화된 후 pending로 표시하는 것과 같은 것

호출 chain의 모든 layer를 mocking하는 것

app quality assurance
app 팀이 disciplined release process를 구축하는 경우, __CAPGO_KEEP_0__의 기사
app quality assurance

Capgo __CAPGO_KEEP_0__ __CAPGO_KEEP_0__는 테스트 작업을 더 광범위한 릴리스 PIPELINE과 연결하기 때문에 유용합니다.

CI, Capacitor, 및 Electron 앱을 위한 테스트

개발자의 한 대의 컴퓨터에서만 실행되는 테스트는 안전망이 아닙니다. 그것은 지역 습관입니다.

CI는 자바스크립트 작업의 단위 테스트를 팀 인프라로 변환합니다. 매 푸시, pull request, 또는 릴리스 branch는 동일한 명령어와 동일한 기대치를 사용하여 동일한 명령어를 실행할 수 있습니다. 그 일관성은 Capacitor 및 Electron 프로젝트에서 환경 드리프트가 미묘한 실패를 유발할 때 더 중요합니다.

CI를 기본 실행 경로로 만듭니다.

최소한, CI는 의존성을 설치하고 단위 테스트를 매 변경 집합에서 실행해야 합니다. 가능할 때마다 로컬 개발과 동일한 명령어를 유지해야 합니다.

GitHub Actions 워크플로의 기본적인 것은 다음과 같습니다.

name: test

on: [push, pull_request]

jobs:
  unit:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
      - run: npm ci
      - run: npm test

그것은 깨진 임포트, 실패한 진술, 그리고 의도치 않은 플랫폼 가정에 대한 오류를 메인에 도착하기 전에 잡을 수 있습니다.

자동화 PIPELINE을 통해 배송하는 모바일 팀에게는 Capgo가 Capgo 앱을 위한 CI/CD 설정에 대한 실용적인 지침을 제공합니다. Capacitor 플러그인 상호 작용을 테스트합니다..

Capacitor __CAPGO_KEEP_1__의 단위 테스트를 잘못된 방법으로 테스트하는 것은 플랫폼 브리지에 대한 플러그인을 직접 모든 서비스에 끌어들이는 것입니다. 그것은 테스트 스위트를 플랫폼 브리지에 결합합니다.

The wrong way to unit test Capacitor code is to pull native plugins directly into every service. That couples your test suite to the platform bridge.

The better pattern is a thin abstraction:

// deviceStorage.js
async function saveFile(filesystem, path, data) {
  return filesystem.writeFile({ path, data });
}

module.exports = { saveFile };

// draftService.js
async function persistDraft(storage, draft) {
  await storage.save('draft.json', JSON.stringify(draft));
  return { saved: true };
}

module.exports = { persistDraft };

// draftService.test.js
const { persistDraft } = require('./draftService');

test('persists a serialized draft', async () => {
  const storage = {
    save: jest.fn().mockResolvedValue(undefined)
  };

  const result = await persistDraft(storage, { title: 'Hello' });

  expect(result).toEqual({ saved: true });
});

카메라 접근, 생체 인식 지시, 푸시 토큰 등록 및 네트워크 상태에 대한 동일한 아이디어가 적용됩니다. 플러그인 호출은 어댑터에서 유지하고, 테스트 앱 로직은 제어할 수 있는 인터페이스에 테스트합니다.

Electron 메인 렌더러 및 IPC 테스트 code

Electron 앱에는 두 가지 중요한 접합부가 있습니다: 메인 프로세스 code 그리고 렌더러 프로세스 code. 테스트 시에 그들을 흐리게 하지 마십시오.

신뢰할 수 있는 설정은 일반적으로 다음과 같이 분리됩니다:

렌더러 단위 테스트 뷰 모델, 상태, 형식, 및 UI 측면의 비즈니스 로직
메인 프로세스 단위 테스트 메뉴, 파일 작업 및 앱 라이프 사이클 결정에 사용
IPC 계약 테스트 메시지 형태 및 예상 응답에 사용

예제 IPC wrapper:

// ipcGateway.js
function sendSettings(ipcRenderer, payload) {
  ipcRenderer.send('settings:update', payload);
}

module.exports = { sendSettings };

// ipcGateway.test.js
const { sendSettings } = require('./ipcGateway');

test('sends settings update over ipc', () => {
  const ipcRenderer = { send: jest.fn() };

  sendSettings(ipcRenderer, { theme: 'dark' });

  expect(ipcRenderer.send).toHaveBeenCalledWith('settings:update', { theme: 'dark' });
});

내부 구현을 하나의 헬퍼에서 다른 헬퍼로 변경할 때 후에 이 테스트는 여전히 유효합니다. 왜냐하면 이 테스트는 중요하게 여겨지는 동작을 검증하기 때문입니다. 데스크톱과 모바일에서 code의 표준이 되기를 바랍니다.

자바스크립트 단위 테스트에 대한 자주 묻는 질문

단위 통합 및 E2E 테스트 간의 차이점

A 단위 테스트 하나의 작은 논리 조각을 독립적으로 검사합니다. 통합 테스트 몇 가지 구성 요소 또는 서비스가 올바르게 작동하는지 확인합니다. end-to-end 테스트 사용자 journey를 통해 실행 중인 애플리케이션을 테스트한다.

빠른 신뢰를 위해 비즈니스 규칙에 대한 단위 테스트를 사용하십시오. 저장소, 플러그인 wrapper 및 IPC와 같은 접합부에 대한 통합 테스트를 사용하십시오. E2E 테스트는 workflow가 깨질 경우 심각한 피해를 입힐 경우에만 사용하십시오.

완벽한 커버리지에 목표를 두어야 하나요

아니요. 완벽한 커버리지가 팀을 저가 테스트로 밀어넣을 수 있습니다.

커버리지가 유용한 경우는 code에 대한 위험한 부분이 nobody가 실행하지 않았을 때입니다. 그러나 엔지니어가 대시보드를 만족시키기 위해 얕은 진술만 추가하는 경우는 유용하지 않습니다. 만약 테스트 스위트가 약한 경우, 더 많은 커버리지가 그것을 구원하지 못할 것입니다.

기존 코드베이스에 테스트를 추가하는 방법은 무엇인가요

변경이 이미 발생하는 곳에서 시작하십시오. 테스트 전략의 대규모 재작성으로 팀을 멈추지 마십시오.

실용적인 순서는 다음과 같습니다.

활성 code를 보호하십시오 기능 작업 또는 버그 수정 중에 수정하는 모듈에 테스트를 추가하십시오
순수 논리를 추출하십시오 난해한 테스트 파일에서 사업 규칙이 프레임워크 또는 런타임 노이즈 없이 테스트 될 수 있도록 하기 위해
Add seam wrappers 자연 플러그인, 네트워크 클라이언트, 파일 시스템 호출 및 Electron IPC 주변
brittle 패턴을 거부 mock을 소개할 때 나타나는 brittle 테스트 JavaScript 테스트 최적화 방법 이것은 특히 brittle 테스트가 발생하는 오버 모킹 문제를 강조하는 것이 중요하기 때문에 여기서 특히 유용합니다.

즉시 완전성을 목표로 하지 않습니다. 팀이 가장 많이 손해를 보는 곳에서 꾸준히 개선하는 것이 목표입니다.

팀이 Capacitor 또는 Electron __CAPGO_KEEP_0__ Capgo __CAPGO_KEEP_0__

자바스크립트 단위 테스트: 포괄적인 2026년 안내서

목차

자바스크립트 테스트 프레임워크를 선택하는 방법

프레임워크는 선택사항이 아님

Jest

__CAPGO_KEEP_0__

__CAPGO_KEEP_0__는 간단한 Jest 설정입니다.

U.S. 소비자 금융 보호국은 Javascript 지침에서 code를 작성하기 전에 테스트를 작성하십시오.

다음은 최소한의 예시이다.

Mocks와 비동기 Code를 마스터하세요.

가짜 경계를 설정하지 마세요, 모든 것은 아니에요

Capacitor와 Electron code에 대한 더 좋은 패턴

비동기 흐름을 테스트하는 방법

테스트 스위트가 __CAPGO_KEEP_0__이 변경된 후에도 유용한지 확인하는 것이 중요합니다. 테스트를 통과하는 테스트를 많이 작성하는 것보다 더 어려운 일입니다.

실용적인 가이드는

커버리지가 불빛인 것처럼, 목표가 아님

유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우, 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우에 참조할 가치가 있습니다.

CI, Capacitor, 및 Electron 앱을 위한 테스트

CI를 기본 실행 경로로 만듭니다.

Capacitor __CAPGO_KEEP_1__의 단위 테스트를 잘못된 방법으로 테스트하는 것은 플랫폼 브리지에 대한 플러그인을 직접 모든 서비스에 끌어들이는 것입니다. 그것은 테스트 스위트를 플랫폼 브리지에 결합합니다.

Electron 메인 렌더러 및 IPC 테스트 code

자바스크립트 단위 테스트에 대한 자주 묻는 질문

단위 통합 및 E2E 테스트 간의 차이점

완벽한 커버리지에 목표를 두어야 하나요

기존 코드베이스에 테스트를 추가하는 방법은 무엇인가요

자바스크립트 단위 테스트: 포괄적인 2026년 안내서

목차

자바스크립트 테스트 프레임워크를 선택하는 방법

프레임워크는 선택사항이 아님

Jest

대부분의 팀에 대한 제안

__CAPGO_KEEP_0__

__CAPGO_KEEP_0__는 간단한 Jest 설정입니다.

U.S. 소비자 금융 보호국은 Javascript 지침에서 code를 작성하기 전에 테스트를 작성하십시오.

다음은 최소한의 예시이다.

Mocks와 비동기 Code를 마스터하세요.

가짜 경계를 설정하지 마세요, 모든 것은 아니에요

Capacitor와 Electron code에 대한 더 좋은 패턴

비동기 흐름을 테스트하는 방법

테스트 스위트가 __CAPGO_KEEP_0__이 변경된 후에도 유용한지 확인하는 것이 중요합니다. 테스트를 통과하는 테스트를 많이 작성하는 것보다 더 어려운 일입니다.

실용적인 가이드는

커버리지가 불빛인 것처럼, 목표가 아님

유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우, 유효성 검사-heavy UI에 대한 팀이 질감을 높이는 경우에 참조할 가치가 있습니다.

CI, Capacitor, 및 Electron 앱을 위한 테스트

CI를 기본 실행 경로로 만듭니다.

Capacitor __CAPGO_KEEP_1__의 단위 테스트를 잘못된 방법으로 테스트하는 것은 플랫폼 브리지에 대한 플러그인을 직접 모든 서비스에 끌어들이는 것입니다. 그것은 테스트 스위트를 플랫폼 브리지에 결합합니다.

Electron 메인 렌더러 및 IPC 테스트 code

자바스크립트 단위 테스트에 대한 자주 묻는 질문

단위 통합 및 E2E 테스트 간의 차이점

완벽한 커버리지에 목표를 두어야 하나요

기존 코드베이스에 테스트를 추가하는 방법은 무엇인가요