Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ionic(Angular)初心者のテスト奮闘記

Avatar for kkeeth kkeeth
August 05, 2017

 Ionic(Angular)初心者のテスト奮闘記

テストの必要性、IonicとAngularのテスト環境の比較、Nativeのテストなどを話します。

Avatar for kkeeth

kkeeth

August 05, 2017
Tweet

More Decks by kkeeth

Other Decks in Programming

Transcript

  1. Basic information ɹlet my_info = { ɹɹɹtwitter: ‘@kuwahara_ngv4’, ɹɹɹGitHub: ’k-kuwahara’,

    ɹɹɹQiita: ’clown0082’, ɹɹɹWorkplace: ‘Ϩϓϥϗʔϯגࣜձࣾ’ ɹ}
  2. Agenda • ςετͷඞཁੑ • Ionic Appͷςετ 1. Angularͷςετ؀ڥ 2. Ionic

    TeamͷϢχοτςεταϯϓϧ 3. Nativeػೳͷςετ • ·ͱΊ
  3. How to write test, or policy • جຊ͸componentຖʹςετΛॻ͘ • ςετίʔυͷϑΝΠϧ໊͸ʮ*.spec.tsʯ

    • Service Class΋serviceຖʹςετΛॻ͘ • UIʢσβΠϯʣʹ͍ͭͯ͸ςετ͸ॻ͔ͳ͍
  4. Comparison of Angular and Ionic app/ ᵓ … ᵓ package.json

    ᵓ e2e/ ᵓ karma.conf.js ᵋ src/ ɹᵋ app/ app/ ᵓ … ᵓ package.json ᵓ e2e/ ᵓ test-config ɹᵋ karma.conf.js ଞ ᵋ src/ ɹᵋ app/ Angular Ionic
  5. Usage native module # install $ ionic cordova plugin add

    cordova-plugin-camera $ npm i —save @ionic-native/camera
  6. Reference URL • ʮionic-unit-testing-exampleʯ ɹɹhttps://github.com/ionic-team/ionic-unit-testing-example • ʮionicͷςετ؀ڥΛௐ΂ͨʯ ɹɹhttp://qiita.com/bnosuke/items/7f14c169429c9196f7fb • ʮIonic

    + Typescript + Protractor Ͱe2eςετΛ͢Δʯ ɹɹhttp://qiita.com/takeo-asai/items/ee7c15e5c5cfc9cf3124 • ʮTesting Angular Appʯ ɹɹhttps://speakerdeck.com/quramy/ng-japan-testing-angular-app