いなうらゆうま ( 稲浦悠馬 )
いなうらゆうま ( 稲浦悠馬 )
after `$ pyenv shell [virtualenv_name]` deactivate command not work. `$ pyenv deactivate` ( I found bellow command but wanna use above) `$ pyenv shell system` # env - pyenv-virtualenv 1.1.3...
# 前提 - フロント ( Nuxt React など ) - バックエンドAPI ( Rails Node など ) というようなフロントバックエンド構成のWebサービスの話 # E2E テストは何が良いのか？ 世の中のテストの種類は - E2E 的なテスト - 部品のテスト ( 関数やComponent など )...
# 概要 - Github Actions では ジョブ ( jobs ) を複数に分けると並列実行が出来る - ジョブを分割するとそれぞれは別々のサーバー、別環境扱いになってしまい、そのままではファイルや環境の共有はされない。 - キャッシュ機能やファイルのアップロード・ダウンロード機能を駆使することで、一部ファイルや状態の共有ができるようだ - ジョブは他のジョブが終わるのを待つことができて、好きな順序で順次実行することが出来る ( needs の指定 )。これによって「セットアップ用のジョブAが終わったら、ジョブB・ジョブCを実行する。全てが終わったらジョブDを最後に実行する」というようなことが可能だ。
# 概要 ## キャッシュするディレクトリ runner で Chromium がインストールされるディレクトリをそのままキャッシュ・リストアする ## キャッシュのキー ハッシュ生成元として利用できるファイル ( npm で言うところの package.json 的なファイル ) がないので、playwrightのバージョンをキャッシュのキーとする Playwrightのバージョンに対して各ブラウザのバージョンは固定のようなので https://playwright.dev/docs/release-notes ## STEP RestoreとCacheを1個のSTEPで実現せず、Restore / Cache のステップに分けている 参考 https://github.com/actions/cache actions は以下の三つに分かれているようだ...
# 課題 Github Actions で Playwright の E2E テストを実行するにはどうすれば良いか？ 対象環境はGithub Actions 上の local 環境とし、毎回データベースはリセットして、実行単位ごとに依存しないテストがしたい # 概要 たとえばサービスがフロント+バックエンドAPI構成の場合、特に変わったことをする必要はなく、以下の手順で実現できる - データベースサーバーを起動する - 初期データベースや初期データ ( seed ) を作成する - バックエンドAPIサーバーをバックグラウンド起動する - フロントをバックグラウンド起動する -...
# 概要 デフォルトではPlaywrightは自動で Javascript の Alert を Accept するようだ https://playwright.dev/docs/dialogs # コード例 次のように書くとAlertのメッセージ内容を検証した上で、 Accept できる ```ts page.on('dialog', (dialog) => { expect(dialog.message()).toContain('アラートに表示されるメッセージ') dialog.accept() }) await page.getByRole('button').click() // 押すとAlertが出るボタンを押す ``` # チャットメンバー募集...
Playwrightのテストでどうしても直接DOM操作をする必要がある場合は、出来るようだ # テストファイルの例 ```ts test('example', async ({ page }) => { await page.goto('http://example.com') await page.screenshot({ path: `before.png`, }) await page.evaluate(() => { const h1Element = document.querySelector('h1') if (h1Element) { h1Element.innerHTML...
# Error ``` [reg-suit] warn Failed to detect the previous snapshot key [reg-suit] info Skipped to fetch the expected data because expected key is null. ``` # 対応 checkout でfetch-depth...
# スポーツとかと同じでアウトプットのピークを真ん中に持ってきたら良いんじゃ 朝 集中力があまり要らないタスク (準備体操) 昼 集中力の必要なタスク 夜 集中力があまり要らないタスク (クールダウン) # Chrome開発者ツール 画面が狭くなるので使いにくいなーと思ってたけど、別ウィンドウにできるのを知った  # スターバックス スタバでモバイルオーダーを頼んで すぐにミーティングが始まり 30分ほど過ぎ 取りに行った頃にはもうドリンクはなく そのまま何も飲まずに店を出た (初めてのパターン) # Slack プロジェクトのSlackでは最近、大小の課題あわせて 1日10ポスト (10スレッド) ぐらい投稿してる つぶやき中毒かもしれない #...
# バージョン - node v20 # コード例 オブジェクト ( インスタンス ) 作成時に設定した boolean が返る メンバ変数、メンバ関数をそれぞれ一つずつ設定する ```ts class ExampleClass { constructor(flag) { this.flag = flag } getFlag() { return this.flag }...