코딩연습장

  • 홈
  • 방명록
  • 글쓰기
  • 관리자

2024/08/21 2

24.08.21 TDD체험해보기

+버튼과 -버튼이 있고, count를 화면에 보여주는 컴포넌트가 있다고 생각해보자.컴포넌트를 만들고 작동시키기 전에 TDD는 테스트코드부터 작성해야한다.import { render, screen } from "@testing-library/react";import App from "./App";test("the counter starts at 0", () => { render(); //screen object를 이용해서 원하는 엘리먼트에 접근(ID) const counterElement = screen.getByTestId("counter"); //id가 counter인 엘리먼트의 텍스트가 0인지 테스트 expect(counterElement).toBe(0);});counter..

2차 공부/TIL 2024.08.21

24.08.21 react-test 공부1

CRA로 생성한 프로젝트는 테스팅 라이브러리가 자동으로 설치되어있다. 또한 기본 App.js를 위한 테스트코드도 한개가 작성되어 있다. 터미널에 npm test를 입력해보자. import { render, screen } from '@testing-library/react';import App from './App';test('renders learn react link', () => { render(); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();});render은 안의 컴포넌트를 렌더링하는 함수이다.import logo from "./logo.svg";import "./A..

2차 공부/TIL 2024.08.21
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (344)
    • 2차 공부 (162)
      • 알고리즘 (34)
      • TIL (127)
      • WIL (0)
      • 최종프로젝트 (1)
    • 1차 공부 (181)
      • React공부 (42)
      • WIL (13)
      • TIL (39)
      • 알고리즘 (28)
      • 공부한 자료 (21)
      • JavaScript (7)
      • 코드분류 (1)
      • 웹개발노트 (5)
      • 설정관련 (3)
      • 기타 (2)
      • 기술면접 준비 (20)

Tag

react, Reducer, nextjs, 리덕스, 알고리즘, javascript, vite, 프로그래머스, js, 팀프로젝트, action creator, TDZ, redux, 실행컨텍스트, React Query, tanstack query, react-redux, 코딩테스트, CSS, 리액트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2024/08   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바