AI TDD
v0.0.3
テストスイートでGPTをプロンプトにすると、コードを印象的に正確に書くことができます
AITDDはBUNで実行されます。最初に最新のBUNバージョンをインストールしてください。
AITDDをCLIとしてグローバルにインストールします。
curl -sSL https://raw.githubusercontent.com/di-sukharev/AI-TDD/master/install.sh | bash
OpenaiからAPIキーを入手してください。 APIが機能するように、確実に支払いの詳細を追加してください。
キーをAITDD configに設定します。
aitdd config set OPENAI_API_KEY < your_api_key >
APIキーは~/.aitdd/config
configファイルにローカルに保存され、他の方法ではどこにも保存されません。
コマンドを設定してテストを実行します。
aitdd config set RUN_TESTS " npm run test "
APIキーは~/.aitdd/config
configファイルにローカルに保存され、他の方法ではどこにも保存されません。
Jest + Testing Libraryで書かれたフロントエンドテストスイートがあります。はい、AITDDはFrontEndテストでも簡単に通過します。
import React from "react" ;
import { rest } from "msw" ;
import { setupServer } from "msw/node" ;
import { render , fireEvent , waitFor , screen } from "@testing-library/react" ;
import "@testing-library/jest-dom" ;
import Fetch from "../fetch" ;
const server = setupServer (
rest . get ( "/greeting" , ( req , res , ctx ) => {
return res ( ctx . json ( { greeting : "hello there" } ) ) ;
} )
) ;
beforeAll ( ( ) => server . listen ( ) ) ;
afterEach ( ( ) => server . resetHandlers ( ) ) ;
afterAll ( ( ) => server . close ( ) ) ;
test ( "loads and displays greeting" , async ( ) => {
render ( < Fetch url = "/greeting" / > ) ;
fireEvent . click ( screen . getByText ( "Load Greeting" ) ) ;
await waitFor ( ( ) => screen . getByRole ( "heading" ) ) ;
expect ( screen . getByRole ( "heading" ) ) . toHaveTextContent ( "hello there" ) ;
expect ( screen . getByRole ( "button" ) ) . toBeDisabled ( ) ;
} ) ;
test ( "handles server error" , async ( ) => {
server . use (
rest . get ( "/greeting" , ( req , res , ctx ) => {
return res ( ctx . status ( 500 ) ) ;
} )
) ;
render ( < Fetch url = "/greeting" / > ) ;
fireEvent . click ( screen . getByText ( "Load Greeting" ) ) ;
await waitFor ( ( ) => screen . getByRole ( "alert" ) ) ;
expect ( screen . getByRole ( "alert" ) ) . toHaveTextContent ( "Oops, failed to fetch!" ) ;
expect ( screen . getByRole ( "button" ) ) . not . toBeDisabled ( ) ;
} ) ;
準備ができて? AITDD(GPT-4)によって生成されたコードは、テストに合格します。
import React , { useState } from "react" ;
function Fetch ( { url } ) {
const [ data , setData ] = useState ( null ) ;
const [ error , setError ] = useState ( null ) ;
const [ loading , setLoading ] = useState ( false ) ;
async function fetchData ( ) {
setLoading ( true ) ;
try {
const response = await fetch ( url ) ;
if ( ! response . ok ) throw new Error ( "Failed to fetch" ) ;
const data = await response . json ( ) ;
setData ( data . greeting ) ;
} catch ( error ) {
setError ( error . message ) ;
} finally {
setLoading ( false ) ;
}
}
return (
< div >
{ data && < h1 role = "heading" > { data } < / h1 > }
{ error && < div role = "alert" > { error } < / div > }
< button onClick = { fetchData } disabled = { loading } >
Load Greeting
< / button >
< / div >
) ;
}
export default Fetch ;
このようにaitddを呼び出すことができます:
aitdd run
Openai APIへの独自のリクエストを支払います。 AITDDはデフォルトで最新のGPTモデルを使用し、価格設定を確認します。最大応答トークンは2000に設定されており、 ait config set maxTokens=<number>
を介して調整できます。
問題を解決するためにChatGptモデルを管理できませんでした。応答の例でそれを撮影しようとしましたが、それは私が望むものを理解していません。 chatgpt経由で管理してみたい場合は、テストしてPRを開きます