Diff
checker
텍스트
텍스트
이미지
문서
Excel
폴더
Legal
Enterprise
데스크톱
요금제
로그인
데스크톱 앱 다운로드
텍스트 비교
두 텍스트 파일의 차이점을 찾아보세요
도구
기록
실시간 편집
공백 변경 숨기기
변경 없는 행 숨기기
줄바꿈 비활성화
레이아웃
나란히 보기
합쳐 보기
비교 단위
스마트
단어
글자
텍스트 스타일
모양 변경
구문 강조
언어 선택
제외
텍스트 변환
첫 변경으로
수정
Diffchecker Desktop
가장 안전하게 Diffchecker를 사용하는 방법. 데스크톱 앱을 사용하면 비교 데이터가 외부로 전송되지 않습니다!
데스크톱 앱 받기
Untitled diff
생성일
8년 전
비교 결과 만료 없음
초기화
내보내기
공유
설명
4 삭제
행
총
삭제
글자
총
삭제
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
26 행
복사
2 추가
행
총
추가
글자
총
추가
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
24 행
복사
import React, { Component } from 'react';
import React, { Component } from 'react';
import { Text } from 'react-native';
import { Text } from 'react-native';
import ShallowRenderer from 'react-test-renderer/shallow';
import ShallowRenderer from 'react-test-renderer/shallow';
class TestComponent extends Component {
class TestComponent extends Component {
복사
복사됨
복사
복사됨
render
()
{
render
=
()
=>
<Text>Hello</Text>
return
<Text>Hello</Text>
;
}
}
}
describe('ConsultMessages', () => {
describe('ConsultMessages', () => {
let props;
let props;
let renderer;
let renderer;
const render = () => {
const render = () => {
if (! renderer) {
if (! renderer) {
renderer = new ShallowRenderer();
renderer = new ShallowRenderer();
renderer.render(<TestComponent {...props} />);
renderer.render(<TestComponent {...props} />);
}
}
return renderer;
return renderer;
};
};
it('renders without crashing', () => {
it('renders without crashing', () => {
const rendered = render().getRenderOutput();
const rendered = render().getRenderOutput();
expect(rendered).toBeTruthy();
expect(rendered).toBeTruthy();
});
});
});
});
저장된 비교 결과
원본
파일 열기
import React, { Component } from 'react'; import { Text } from 'react-native'; import ShallowRenderer from 'react-test-renderer/shallow'; class TestComponent extends Component { render() { return <Text>Hello</Text>; } } describe('ConsultMessages', () => { let props; let renderer; const render = () => { if (! renderer) { renderer = new ShallowRenderer(); renderer.render(<TestComponent {...props} />); } return renderer; }; it('renders without crashing', () => { const rendered = render().getRenderOutput(); expect(rendered).toBeTruthy(); }); });
수정본
파일 열기
import React, { Component } from 'react'; import { Text } from 'react-native'; import ShallowRenderer from 'react-test-renderer/shallow'; class TestComponent extends Component { render = () => <Text>Hello</Text> } describe('ConsultMessages', () => { let props; let renderer; const render = () => { if (! renderer) { renderer = new ShallowRenderer(); renderer.render(<TestComponent {...props} />); } return renderer; }; it('renders without crashing', () => { const rendered = render().getRenderOutput(); expect(rendered).toBeTruthy(); }); });
비교하기