exportconst sum =(a: number, b: number): number=>{return a + b
}
sum.test.ts
import{sum}from"./sum"
test("add 1 + 2 to equal 3",()=>{
expect(sum(1,2)).toBe(3)})
これでとりあえずテストは回る筈です。 yarn testでJestを実行します。
PASS src/sum.test.ts
√ add 1 + 2 to equal 3 (2 ms)
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 1.888 s, estimated 4 s
Ran all test suites related to changed files.
import{sum, promiseFunction}from"./sum"
~
test("async test",async()=>{const value =await promiseFunction(100)
expect(value).toBe(100)})
Jestを実行します。
PASS src/sum.test.ts
√ add 1 + 2 to equal 3 (1 ms)
√ async test (1000 ms)
Test Suites: 1 passed, 1 total
Tests: 2 passed, 2 total
Snapshots: 0 total
Time: 3.8 s
Ran all test suites related to changed files.
YouTube Live Streaming API（YouTube Data API v3）を利用してスーパーチャット情報をGoogle Spredsheetに出力してみました。
が、結論から言えば実用性が無かったので供養エントリです。なんでダメだったか知りたい人など対象です。
（あとOAuthの勉強の題材探してる人とか）
Specify the AWS Region
? region: # 任意のリージョン、日本ならたぶんap-northeast-1
Specify the username of the new IAM user:
? user name: # 分かりやすい名前付けといた方が後々困らない
Complete the user creation using the AWS console
? Enter a name for the project nextamplified
? Enter a name for the environment dev
? Choose your default editor: IntelliJ IDEA #（ここはお好きなIDEなどをお選び下さい）
? Choose the type of app that you're building javascript
Please tell us about your project
? What javascript framework are you using react
? Source Directory Path: src
? Distribution Directory Path: build
? Build Command: npm.cmd run-script build
? Start Command: npm.cmd run-script start
? Do you want to use an AWS profile? Yes
? Please choose the profile you want to use default
? Please select from one of the below mentioned services: GraphQL
? Provide API name: nextamplified
? Choose the default authorization type for the API API key
? Enter a description for the API key:
? After how many days from now the API key should expire (1-365): 7
? Do you want to configure advanced settings for the GraphQL API Yes, I want to make some additional changes.
? Configure additional auth types? Yes
? Choose the additional authorization types you want to configure for the API Amazon Cognito User Pool
Cognito UserPool configuration
Use a Cognito user pool configured as a part of this project.
? Configure conflict detection? No
? Do you have an annotated GraphQL schema? No
? Choose a schema template: Single object with fields (e.g., “Todo” with ID, name, description)
The following types do not have '@auth' enabled. Consider using @auth with @model
- Todo
Learn more about @auth here: https://docs.amplify.aws/cli/graphql-transformer/directives#auth
GraphQL schema compiled successfully.
Edit your schema at [プロジェクトパス]\amplify\backend\api\nextamplified\schema.graphql or place .graphql files in a directory at [プロジェクトパス]\amplify\backend\api\nextamplified\schema
? Do you want to edit the schema now? Yes
Please edit the file in your editor: [プロジェクトパス]\amplify\backend\api\nextamplified\schema.graphql
Successfully added resource nextamplified locally
基本的にはドキュメント通りやってますが、試しにやってみる分にはCognitoの認証などは不要だと思います。
とりあえずスキーマを見てみます。Choose a schema templateでSingle object with fieldsを選択している場合はamplify/backend/api/nextamplified/schema.graphqlに下記の通りのファイルが生成されています。
type Todo @model {
id: ID!
name: String!
description: String
}
? Do you want to generate code for your newly created GraphQL API Yes
? Choose the code generation language target typescript
? Enter the file name pattern of graphql queries, mutations and subscriptions src\graphql\**\*.ts
? Do you want to generate/update all possible GraphQL operations - queries, mutations and subscriptions Yes
? Enter maximum statement depth [increase from default if your schema is deeply nested] 2
? Enter the file name for the generated code src\API.ts
mutation CreatePost {
createPost(input: {title: "Test Post", content: "post content"}) {
id
owner
title
updatedAt
createdAt
content
}
}
たぶんなにがしかの文句を言われる筈です。
これは@authディレクティブがAPIキー認証はreadのみ許容するというスキーマな為です。 Use: API Keyという箇所をクリックしてUse: User Pool（Cognito認証）にし、Update Authをクリックして適当な認証トークンを設定します（基本は何も変更せずにGenerate Tokenで問題無いです）。
その後にもう一度上記のMutationを実行すると右側に適当なレスポンスが表示されると思います。
右側にレスポンスが表示されていれば大丈夫ですが、一応Queryも実行してみます。
query ListPosts {
listPosts {
items {
content
createdAt
id
owner
title
}
}
}
