Chromestatus.comは、Blinkで機能の発売を追跡するために使用される公式ツール(Chromeや他の多くのWebブラウザーを駆動するブラウザエンジン)です。このツールは、発売プロセスを通じて所有者を導き、開発者情報の主要なソースとして機能し、Web開発者エコシステム全体に波及します。
DevContainersを活用するワンクリックセットアップについては、DevContainer Readmeをご覧ください。それ以外の場合は、ローカルでのセットアップを継続するには:
git clone https://github.com/GoogleChrome/chromium-dashboard
gcloud initgcloud components install cloud-datastore-emulatorgcloud components install betanpm install --global gulp-clisudo apt install python3.11-venvnode -vを使用して、デフォルトのノードバージョンを確認しますnvm use 18ノード18に切り替えますcd chromium-dashboardnpm run setupnpm run clean-setupを実行する必要があります。インストールプロセス中にエラーが発生した場合、セクションのノート(このreadme.mdの後半)が役立つ場合があります。
メインサーバーとNotifierバックエンドを起動するには、実行します。
npm start次に、 http://localhost:7777/にアクセスしてください。
フロントエンドコードウォッチングを開始するには(SASS、JS Lint Check、Babel、Minify Files)、実行して実行します
npm run watchLint&Lit-Analyzerを実行するには:
npm run lintユニットテストを実行するには:
npm testこれにより、ローカルデータストアエミュレーターが起動し、ユニットテストを実行してからエミュレータをシャットダウンします。
test_html_rendering.htmlを更新するには、対応するテストファイルでtest_html_renderingメソッドを変更します。
# TESTDATA.make_golden(template_text, 'test_html_rendering.html')その後、テストを再度実行し(もう1回)実行すると、テストファイルの変更を戻すことができます。
Playwright Visual Tests(別名エンドツーエンドテスト)を実行するには、使用するコマンドは次のとおりです。
npm run pwtestsエラーがある場合、それらはコンソールに表示されます。スクリーンショット画像のいずれかを更新する必要がある場合は、 packages/playwright/test-resultsディレクトリに違いが表示され、それらが正しく見える場合は、すべてのテストのすべての画像を次のように更新できます。
npm run pwtests-update更新された画像もスクリーンショットディレクトリに追加されます。更新する必要のない画像は、変更されたとは表示されません。テストファイル名、またはテストメソッド名、またはスクリーンショットの画像ファイル名を変更すると、新しいファイルが生成され、古いファイルを手動で削除する必要があります。すべてのスクリーンショットを削除してすべてを更新するだけですが、かなり長い時間がかかります。
--filename=some_pwtest.js pwtests-updateコマンドに追加して、1つのテストファイルの画像を更新できます。 some_pwtest.js名前は、完全なパスである必要はありません。
Github CI Playwrightアクションによってエラーが報告されている場合は、エラーログを確認できますが、問題が一部の画像の違いである場合は、おそらくすべての違いを含むArtifact .zipファイルをダウンロードする必要があります。
開発者-Documentation.mdには、開発者向けの追加情報があります。
Origin Tirials APIのデータと相互作用するこのアプリケーションの機能をローカルにテストするには、APIキーを取得する必要があります。これを行うには、次のコマンドを実行します。
npm run dev-ot-key注: CR-STATUS-staging GCPプロジェクトにアクセスできる開発者のみが、このコマンドを正常に実行できます。これをテストする必要があり、アクセスできない場合は、問題を開きます。
メモ
No module named protobufまたはNo module named sixというエラーが発生した場合はNo module named enumで、 pip install six enum34 protobufでローカルにインストールしてみてください。
GAE SDKをインストールするときは、Python 3のバージョンを必ず入手してください。
サーバーをローカルで実行し、端末ウィンドウから切断されると、ジョブが実行され続ける可能性があり、サーバーを再度開始できないようにします。これを回避するには、 npm run stop-emulator; npm stop 。または、 ps aux | grep gunicornを使用しますps aux | grep gunicornおよび/またはps aux | grep emulator使用して、Unix kill -9コマンドを使用してそれらのジョブを終了します。
依存関係に関係するように何かをテストまたはデバッグする必要がある場合は、 npm run clean-setup実行することでクリーンスタートを取得できます。
場合によっては、Google Cloud CLIには更新が必要になります。これにより、 npm startで開発サーバーを実行しようとすると失敗が発生します。無関係なエラーメッセージはFailed to connect to localhost port 15606 after 0 ms: Connection refusedが表示されます。 gcloud components updateコマンドを実行すると、必要に応じて更新され、この問題が解決します。
Chromestatusは現在、ファイルhack_components.pyからBlinkコンポーネントのリストを取得しています。
http:// localhost:7777/admin/blink/populate_blinkにアクセスして、Blinkコンポーネントの所有者のリストを表示します。
settings.pyは、サイトをローカルでデバッグして実行するためのグローバルのリストが含まれています。
ローカルの変更が含まれていない場合、Appengineバージョン名は-taintedています。汚染されたバージョンでのステージングをテストしても問題ありませんが、後でProdにプッシュできるバージョンをステージングする前に、すべてをコミットする(したがって汚染されていない)必要があります。
サイトを展開できるようにするには、 cr-status-stagingおよびcr-statusクラウドプロジェクトに管理者特権が必要であることに注意してください。
NPMターゲットを実行します:
npm run staging
ステージングサイトのGoogle開発者コンソールを開き、リストから選択して移行トラフィックをクリックして、新しいバージョンにフリップします。 「デフォルト」サービスの両方と「Notifier」サービスの両方でこれを必ず行います。
または、 npm run staging-rc 、同じコードを「リリース候補」のrcという名前のバージョンにアップロードします。これは、 https://rc-dot-cr-status-staging.appspot.comでGoogleサインインを使用してテストできる唯一のバージョンです。
ステージングサーバーでの手動テストが良く見える場合は、同じ手順を繰り返して展開します。
npm run deploy
プロダクションサイトのGoogle開発者コンソールを開きます
制作サイトには、ステージングのバージョンに一致するバージョンのみが必要です。
Copyright(c)2013-2022 Google Inc. All Rights Reserved。
apache2ライセンス。