🧰 ユーティリティ上級

Prettier Liquid プラグインの末尾空白処理テスト

Prettier Liquid プラグインが render タグの末尾空白を正しく処理するかテストするコード。printWidth 制限下で属性が複数行に折り返されるときの空白ストリップ動作を検証する。

用途

Prettier Liquid プラグインの開発・保守時に、HTML 要素と render タグの組み合わせで末尾空白が誤って保持される問題をテストして修正する。

設置場所

このコードは単体テストファイルであり、theme-tools リポジトリの `packages/prettier-plugin-liquid/src/test/issue-99/index.liquid` に配置する。Prettier の自動テストスイートで実行される。

注意点

このファイルは Prettier プラグインの内部テストケースであり、実際のテーマ開発では使用しない。printWidth の値（1 と 1000）は意図的に両極端に設定して、折り返し前後の挙動を比較検証するもの。render タグの属性が折り返されるときに、閉じタグ直前の空白が不要に残らないことを確認する際の参考になる。

タグ:prettierliquidpluginwhitespacetest

コード

12 行 / liquid

It should not consider the trailing whitespace of the last attribute to be sensitive
printWidth: 1
<ul {% render 'hi', arg: 1 %}></ul>
<img {% render 'hi', arg: 1 %}>
<self-closing {% render 'hi', arg: 1 %}/>

It should not change the whitespace stripping when it doesn't break
pritnWidth: 1000
<ul {% render 'hi', arg: 1 %}></ul>
<img {% render 'hi', arg: 1 %}>
<self-closing {% render 'hi', arg: 1 %}/>

出典・ライセンス

Source:: Shopify/theme-tools/packages/prettier-plugin-liquid/src/test/issue-99/index.liquid
Repository:: https://github.com/Shopify/theme-tools
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

Prettier Liquid プラグインの末尾空白処理テスト

コード

出典・ライセンス

関連項目

コメント後の空白フォーマット

Liquidコメントのフォーマット

セクション呼び出しの改行制御

Prettier フォーマッタの HTML リスト整形テスト

Vue.js属性のLiquid整形

sections タグのフォーマット