アクションをHTMLでテストする

私はそれを壊しないように私のサイトのテストを追加し始める😢. htmltest 最初です.

セットアップ

私は行ったhtmltest 主にそれがちょうどバイナリであるので.私はRuby環境を必要とし、一般的にそれを扱うのが好きではない過去に他のオプションを見ました.
インストールhtmltest カレントディレクトリにはcurl https://htmltest.wjdp.uk | bash . システム全体をインストールしましたが🤷‍♂️.htmltest HTMLファイルで動作しますHugo したがって、主にマークダウンです.私のサイトを最初に生成する必要がありますhugo それから実行htmltest でpublic フォルダ.幸いなことに、htmltestディレクトリを設定できる設定ファイルがあります.私のサイトをテストする方法htmltest .
htmltestの私のサイトを実行して初めての問題がいくつかありました.それは私が削除したSVGへの壊れたリンクを見つけました、私のLinkedInリンクは間違っていましたalt タグ.他の2つの問題もありました.私はあるindieweb に応答しなかったタグGET リクエストと1つのサイト私はテストでのタイミングをアウトにリンクアウト.

Githubアクションを追加する

私はマジックを使用してパイプラインでhtmltestをインストールcurl スクリプト.それは常に最新のバージョンを取得し、私は何も書く必要はありませんでした.ワークフローがキャッシュされるように、HTLTestはリモートリンクチェックの結果をキャッシュしますtmp/.htmltest フォルダを迅速に保つために.全体的に、これは私のパイプラインに6秒を加えます.
これは、ワークフローYAMLに追加するために必要なすべてです.htmltestを設定します.htmltest.yml . あなたは私を見つけることができますconfig レポで.

- uses: actions/cache@v2
  with:
    path: tmp/.htmltest
    key: ${{ runner.os }}-htmltest

- name: HTML Test
  run: |
    curl https://htmltest.wjdp.uk | bash
    bin/htmltest

外部リンクで失敗しないように設定しなければならなかった.私のサイトへのすべての変更は現在、リンクが有効であることを保証するためにテストされます.

次の手順🦶

もっとテストを加えたいです.私は最初のスペルチェッカーかもしれない.私はこれらの投稿をVSコードで書きます.使いましたvale 前に、それもいくつかの文法の変更をお勧めします.
私も灯台スコアをテストし、それが悪い取得しないことを確認します.このgithubアクションは素晴らしいですlighthouse-check . 以下のようなHTMLレポートを生成できます.