Droid knights android test @Droid Knights 2018

목차
Test 코드 작성해야 할까?
무엇부터 시작해야 할까?
뭘 쓰면 될까?
어떻게 할 까? 계산기 Step by 6step
Wrap-up
Q&A

발표의 목적
설득
지침 (Step by step)

인간

인간 = 실수를 끊임없이 함

실수가 가장 무서울 때

빠른 피드백
안전성
실력향상

네 짜야 합니다.

무엇부터 시작해야 할까?
UI Test 부터 시작합니다.
Acceptance test (인수 테스트) 라고 부르기도 합니다.

Espresso
https://developer.android.com/training/testing/espresso/index.html
View 를 찾는다. 값을 확인하거나 행동을 한다

테스트 코드를 잘 짜기 위해

테스트 코드를 잘 짜기 위해테스트 코드를 잘 짜기 위해
Database에 저장하는 것을 닌텐도에서 해야할까?
API 서버가 해야함.
게임 save 테스트 코드를 실행 할 때마다 API 서버 콜을 해야하나?
아님. 우리는 저장을 성공했다/실패했다를 가정해서 테스트 코드를 만들면 됨

테스트 코드를 잘 짜기 위해
계산기의 구조를 점점 개선해 나갈 거예요.
UI와 Calculate를 분리해서 아예 따로 테스트할 수 있게 하는게 목표예요.
Calculate가 변하더라도 테스트를 작성할 수 있게 만들거예요.
궁극적으로는 Calculate가 없어도 테스트는 성공하고 잘 돌아갈 거예요.

계산기
1. UI 테스트
2. Unit 테스트
a. 4칙 연산 분리. Unit test 진행
3. Interface로 분리
a. Interface 로 나눠서 여러 행동을 정의할 수 있게 변경
4. Server와 함께 춤을
a. 동기/비동기 테스트
5. ViewModel도 함께 춤을
a. 계산 로직 분리
6. 나도 Dagger 좀 해보자
a. 테스트 모듈/프로덕션 모듈 분리

출력
숫자
결과
연산
자

findViewById(R.id.calculator_button_0).setOnClickListener(button -> setText("0"));
...
findViewById(R.id.calculator_button_plus).setOnClickListener(button -> setText("+"));
findViewById(R.id.calculator_button_minus).setOnClickListener(button -> setText("-"));
findViewById(R.id.calculator_button_multiply).setOnClickListener(button -> setText("*"));
findViewById(R.id.calculator_button_divide).setOnClickListener(button -> setText("/"));
findViewById(R.id.calculator_button_result).setOnClickListener(button -> calculate());
공통 부분 findView

Step1 - Step1Activity.java calculate 함수
private void calculate() {
String expression = editText.getText().toString();
String symbol;
if (expression.contains("+")) {
symbol = "+";
}
...
List<String> arguments = Arrays.asList(expression.split(symbol));
int result;
switch (symbol) {
case "+":
result = Integer.valueOf(arguments.get(0)) + Integer.valueOf(arguments.get(1));
Break;
...
}
editText.setText(String.valueOf(result));
}

Step1 - Step1ActivityTest.java
@Test public void plusTest() {
buttonClick(R.id.calculator_button_1);
buttonClick(R.id.calculator_button_plus);
buttonClick(R.id.calculator_button_result);
onView(withId(R.id.calculator_edit_text)).check(matches(withText("2")));
}
@Test public void minusTest() { ... }
@Test public void multiplyTest() { ... }
@Test public void divideTest() { ... }
private void buttonClick(int id) {
onView(withId(id)).perform(click());
}

Step2
Unit 테스트
4칙 연산 분리. Unit test 진행

Step2 - Unit 테스트
Step1Activity
caclulate()

Step2Activity
caclulate()
Calculator

Step2Activity Calculator
caclulate()

Calculator
caclulate()
1 눌러
+ 눌러
1 눌러
= 눌러
결과 확인해

Step2 - Step2Calculator.java
String calculate(String expression) {
String symbol;
if (expression.contains("+")) {symbol = "+";}
...
List<String> arguments = Arrays.asList(expression.split(symbol));
int result;
switch (symbol) {
case "+":
result = Integer.valueOf(arguments.get(0)) + Integer.valueOf(arguments.get(1));
break;
}
return String.valueOf(result);
}

Step2 - Step2UnitTest.java
public class Step2UnitTest {
private Step2Calculator calculator = new Step2Calculator();
@Test public void plusTest() {
String result = calculator.calculate("1+1");
assertThat(result).isEqualTo("2");
}
@Test public void minusTest() {
String result = calculator.calculate("1-1");
assertThat(result).isEqualTo("0");
}
...
}

Step2
JUnit
Test
동영상 링크

Step2
만약 여기까지 따라 오셨다면
Acceptance Test, Unit Test 를 작성한 것

Step3
Interface 로 분리
Interface 로 나눠서 여러 행동을 정의할 수 있게 변경

Step3 - Interface 로 분리
public interface Step3Calculator {
String calculate(String expression);
int plus(List<String> arguments);
int minus(List<String> arguments);
int multiply(List<String> arguments);
int divide(List<String> arguments);
}

Step4
Server와 함께 춤을
동기/비동기 테스트

Step4 동기 비동기 테스트
이런 상황 많을거예요
Signup, Signin, User 데이터를 서버에 저장.

Step4 동기 비동기 테스트
Stream (Rxjava)

Step4 - Step4Activity.java
public class Step4Activity extends AppCompatActivity {
private Calculator calculator = new Step4CalculatorImpl();
…
calculator.calculate(expression)
.observeOn(AndroidSchedulers.mainThread())
.subscribe(result -> editText.setText(result.body()), Throwable::printStackTrace);
}
}
Step3Activity.java
String result = calculator.calculate(expression);
editText.setText(result);
}

Step4 - Step4CalculatorImpl.java
public interface Calculator {
Single<Response<String>> calculate(String expression);
}
public class Step4CalculatorImpl implements Calculator {
public Single<Response<String>> calculate(String expression) {
Retrofit retrofit = ...
CalculatorService service = retrofit.create(CalculatorService.class);
return service.calculate(expression);
}
}

public class Step4ActivityTest {
@Test public void plusTest() throws InterruptedException {
Thread.sleep(2000); <---- calculate 가 언제 끝날지 모르지만 대충 2초 기다립니다.
}
...
}

Step5
ViewModel도 함께 춤을
계산 로직을 분리

Step5 ViewModel
View에서 어떤 처리 로직을 분리
View와 어떤 처리 로직을 상관없게 만드는 것.
예) (여기서는) 계산. (실제 서비스에서는) Signup 같은

Step5 - Step4 와 Step5 비교
viewModel.calculate(expression);
}
public void onCreate(@Nullable Bundle savedInstanceState) {
... init codes
disposable.add(
((Step5ViewModel)viewModel).getHttpStream().observeOn(AndroidSchedulers.mainThread())
.subscribe(result -> editText.setText(result.body()), Throwable::printStackTrace)
);
}
.observeOn(AndroidSchedulers.mainThread())
.subscribe(result -> editText.setText(result.body()), Throwable::printStackTrace);
}
Step4Activity.java
Step5Activity.java

Step5 - Step5ViewModel.java
public class Step5ViewModel implements ViewModel {
private Relay<Response<String>> httpStream = PublishRelay.create();
private Calculator calculator = new Step5CalculatorImpl();
@Override
public void calculate(String expression) {
.subscribe(result -> httpStream.accept(result), Throwable::printStackTrace);;
}
public Relay<Response<String>> getHttpStream() {
return httpStream;
}
}

@Test public void plusTest() throws InterruptedException {
Thread.sleep(2000); <---- calculate 가 언제 끝날지 모르지만 대충 2초 기다립니다.
}
...
}
TestObserver<Response<String>> testObserver = TestObserver.create();
((Step5ViewModel) testRule.getActivity().getViewModel()).getHttpStream()
.subscribe(testObserver);
testObserver.awaitCount(1); <---- API 콜이 끝날 때, await가 풀립니다.

Step5 Step4동영상 링크 동영상 링크

Step6
나도 Dagger 좀 해보자
테스트/프로덕션 모듈 분리

Step6 - Dependency Injection
Production Test
Activity
CalculatorModule CalculatorModule

Step6 - Dependency Injection
이럴 때 추천
일일이 new Someting() 하고 싶지 않을 때
Test와 Production 에서 사용하는 코드를 다르게 하고 싶을 때

Step6 - CalculatorApplication.java
public class CalculatorApplication extends Application {
@Override
public void onCreate() {
super.onCreate();
step6Component = DaggerStep6Component.builder()
.step6Module(new Step6Module()) <---- 원래 모듈
.build();
}
...
}

Step6 - Step6Activity.java
public class Step6Activity extends AppCompatActivity {
@Inject Calculator calculator;
@Inject ViewModel viewModel;
@Inject Relay<Response<String>> httpStream;
@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
... init code
((CalculatorApplication) getApplication()).getStep6Component().inject(this);
}
}

@Before public void setUp() {
CalculatorApplication application = (CalculatorApplication) InstrumentationRegistry
.getTargetContext().getApplicationContext();
TestStep6Component testComponent = DaggerStep6TestComponent.builder()
.step6TestModule(new Step6TestModule())
.build();
application.setStep6Component(testComponent);
testComponent.inject(this);
}
}
App의 application 객체를 가져와서
module을 교체함.

@Before public void setUp() {
CalculatorApplication application = (CalculatorApplication) InstrumentationRegistry
.getTargetContext().getApplicationContext();
TestStep6Component testComponent = DaggerStep6TestComponent.builder()
.step6TestModule(new Step6TestModule()) <---- TestModule 로 교체
.build();
application.setStep6Component(testComponent);
testComponent.inject(this);
}
}

Step6 - Step6Module.java
public class Step6Module {
@Provides @Singleton
public Relay<Response<String>> provideHttpStream() {
return PublishRelay.create();
}
public Calculator provideCalculator() {
return new Step6CalculatorImpl();
}
public ViewModel provideViewModel(Calculator calculator, Relay<Response<String>> httpStream) {
return new Step6ViewModel(calculator, httpStream);
}
}

Step6 - Step6UnitTestModule.java
@Module
public class Step6UnitTestModule {
...
public Calculator provideCalculator() {
Calculator calculator = mock(Calculator.class);
when(calculator.calculate("1+1")).thenReturn(Single.just(Response.success("2")));
when(calculator.calculate("1-1")).thenReturn(Single.just(Response.success("0")));
when(calculator.calculate("3*2")).thenReturn(Single.just(Response.success("9")));
when(calculator.calculate("8/2")).thenReturn(Single.just(Response.success("4")));
return calculator;
}
...
}

Step6 Step5동영상 링크 동영상 링크

사실 이제까지 한 이야기는
Design

Wrap-up
테스트 짜야합니다. 오늘부터 해봐요!
Test 짜기 어렵습니다. 뭘 해야할지 모를 때도 있어요. 그럴 땐, 눈에 잘 보이는 것
부터 해요. UI 테스트부터 짜봐요.
Dagger 써요. 좋습니다.

Github
https://github.com/moltak/droidnights2018

Reference
https://developer.android.com/training/testing/espresso/index.html
https://github.com/tomoima525/DaggerTestExample

Droid knights android test @Droid Knights 2018

Recommended

Recommended

More Related Content

Similar to Droid knights android test @Droid Knights 2018

Similar to Droid knights android test @Droid Knights 2018 (20)

More from KyungHo Jung

More from KyungHo Jung (9)

Droid knights android test @Droid Knights 2018

Editor's Notes