Alexaスキルのテスト

Transcript

1. 1.

   Alexaスキルの テスト

2. 2.

   自己紹介 Morishita Hiromitsu ⊙ Webエンジニア ⊙ アクトインディ所属 ⊙ 主にRoRで開発しています。 ⊙

   担当サービス「いこレポ」 ◦ インフラからフロントエンドまでまるっとサポート
3. 3.

   Alexaスキル の 開発環境 （今日の前提条件） ⊙ バックエンドはLambda （Node.js） ⊙ Typescriptで実装 ⊙

   Serverless Framework を使ってます(スミマセン)
4. 4.

   “ Alexaスキルのテストって どうする？

5. 5.

   ⊙ Alexaコンソールに含まれる ⊙ E2Eテストができる ⊙ このサイクルの繰り返しが辛い Alexa シミュレータ 実装 デプ

   ロイ 発話 結果 確認
6. 6.

   ここがつらい ⊙ ビルド＋デプロイに時間がかかる ⊙ 実行後の確認が面倒 ◦ どこでエラーが発生したのかわかりにくい ◦ Clowd Watch

   Logsでデバッグログを探すのが… ⊙ UIの操作も面倒 実装 デプ ロイ 発話 結果 確認
7. 7.

   “ なんとかしたいですよね？

8. 8.

   テスト しやすい 実装 スキル用のLambdaの処理のパターン 1. SlotやAttributesの取り出し 2. それらの値に基づくspeech textの生成 Alexaプロトコル

   の処理 ビジネスロジック 分離 ↑この部分は AlexaともLambdaとも無関係 Slot、Attributesの値 SpeechText
9. 9.

   でも、 E2Eテストも したい

10. 10.

    Lambdaの ローカル 実行 Serverless Frameworkのinvoke localで ローカル実行 sls invoke local

    -f handler -p input.json ⊙ webpack pluginで実行前にTSをトランスパイル ⊙ input.json はAlexaシミュレータのJSON入力をファイ ルに保存したもの
11. 11.

    VSCodeのデ バッガで実 行 { "type": "node", "request": "launch", "name": "LaunchRequest",

    "program": "${workspaceRoot}/node_modules/.bin/sls", "cwd": "${workspaceRoot}", "args": [ "invoke", "local", "-f", "handler", "-p", "input.json"], "outFiles": [ "${workspaceRoot}/.webpack/service/*.js" ], "sourceMaps": true } 次の設定をlaunch.jsonに追加してデバッ グから実行するとブレークポイントで止め られる
12. 12.

    デバッグ しやすくは なったが… Serverless invoke localでの実行 は手軽だが… ⊙ 結局、人力で結果確認 ⊙

    CIに組み込みにくい ⊙ 対話モデルはテストできない の？ Alexa固有 の処理 ビジネスロジック 対話 モデル lambda
13. 13.

    Jest with Virtual-Alexa Jest JSのテストフレームワーク Virtual-Alexa Alexaのテストライブラリ

14. 14.

    Jest について もう少し 詳しく ⊙ Facebook社製 ⊙ オールインワン ◦ テストランナー

    ◦ アノテーション ◦ モック ◦ コードカバレッジ ⊙ Reactやってるところでよく使わ れる？
15. 15.

    Virtual-Alexa を もう少し詳 しく ⊙ bespoken社製 ⊙ 発話モデルを読み込んでテストする ⊙ 発話、インテント指定でテスト可能

    ⊙ DaynamoDB、AddressAPIのモックも提供 ⊙ 公式ドキュメント https://bespoken.github.io/virtual-alexa/api/
16. 16.

    テスト対象 の インテント FeelingIntent 今日の気分はいかがですか？ 今日の気分は絶好調。 素晴らしい! 張り切っていきましょう！

17. 17.

    FeelingIntent スロットを 含むものと 含まないもの がある

18. 18.

    カスタム スロット IDを設定

19. 19.

    テスト対象 コード const FeelingIntentHandler: RequestHandler = { canHandle{省略} handle(handlerInput: HandlerInput):

    Response { const request = handlerInput.requestEnvelope.request as IntentRequest; const slot = request.intent.slots && request.intent.slots.feeling; let speech: string; const reprompt: string = new Speech().say("今日の気分を教えてください ").ssml(); if (slot.value) { const feelingId = slot.resolutions.resolutionsPerAuthority[0].values[0].value.id; switch (feelingId) { case "0": speech = new Speech().say("まあ、元気だして。くよくよせずに行きましょう。 ").ssml(); break; case "5": speech = new Speech().say("いつもどおりで行きましょう。 ").ssml(); break; case "8": speech = new Speech().say("そんなときは思い切って行動しましょう。 ").ssml(); break; case "10": speech = new Speech().emphasis("strong", "素晴らしい !").say("張り切っていきましょう！ ").ssml(); break; } } else { speech = "そんな日もありますよね "; } return handlerInput.responseBuilder.speak(speech).reprompt(reprompt).getResponse(); },}; export default FeelingIntentHandler; IDで処理を分岐
20. 20.

    テストコード import {SkillResponse, VirtualAlexa} from "virtual-alexa"; import { handler }

    from "../../index"; const alexa = VirtualAlexa.Builder() .handler(handler) .interactionModelFile("./interaction_models/model_ja-JP.json") .create(); describe("FeelingIntent", () => { it ("よくわかんない", async () => { const response = await alexa.utter("よくわかんない") as SkillResponse; const outputSpeech = response.response.outputSpeech.ssml; expect(outputSpeech).toContain("そんな日もありますよね"); }); it ("気分は絶好調", async () => { const response = await alexa.intend("FeelingIntent", { feeling: "絶好調"}) as SkillResponse; const outputSpeech = response.response.outputSpeech.ssml; expect(outputSpeech).toContain("素晴らしい!"); }); }); スロットを含まないものは 発話でテスト可能 スロットを含むものは インテント名とスロットの値 でテスト テスト対象のハンドラ 発話モデルのJSON ask-cliで取得
21. 21.

    デバッガも 使える

22. 22.

    lanuch.json はこんな 感じ { "version": "0.2.0", "configurations": [ { "type":

    "node", "request": "launch", "name": "Debug Tests", "program": "${workspaceRoot}/node_modules/.bin/jest", "cwd": "${workspaceRoot}", "args": [ "--i", "--config", "jest.json" ], "sourceMaps": true }, }
23. 23.

    まとめ ⊙ Jest+Virtual-AlexaでAlexaスキ ルも自動テスト可能 ◦ 発話モデルもLambdaも ⊙ VSCodeを使えばデバッガを使 うのも簡単 ⊙

    でも、Alexaがどう聞き取るか はテストできないので 実機テストも重要
24. 24.

    おまけ 今日紹介したテストを含む Serverless Frameworkの テンプレートを公開しました。 https://github.com/HeRoMo/serv erless-aws-alexa-ts

25. 25.

    ご清聴ありがとうございました