ユーティリティ
135 件のスニペット・リファレンス
コメント後の空白フォーマット
Liquid コメントタグの直後に改行や空白がある場合の正しいフォーマット例。prettier-plugin-liquid によるコード整形テストケース。
Liquidコメントのフォーマット
Liquid のコメントタグ直後に改行がある場合の正しいフォーマット例。prettier-plugin-liquid による自動整形テストケース。
セクション呼び出しの改行制御
{% sections %} タグの前後の空白制御（ホワイトスペース削除演算子 `{%-` と `-%}` の使い方）を示すサンプル。Prettier による Liquid コードフォーマットで改行が崩れないことを確認するテストケース。
Prettier フォーマッタの HTML リスト整形テスト
Prettier Liquid プラグインが HTML のリスト要素（ul / ol）をどのように整形・改行するかをテストするサンプルコード。短い行は1行、長い行は複数行に自動で分割される動作を検証する。
Vue.js属性のLiquid整形
Vue.js のディレクティブ（@click、:class など）を含む Liquid コードを Prettier で正しく整形するテストケース。spec 準拠の属性名を保持したまま、改行・インデント処理を行う。
sections タグのフォーマット
Liquid の sections タグ構文と、Prettier によるフォーマット時の動作を示すテストファイル。タグ名の直前・直後の空白や改行が保持される仕様を確認するサンプル。
範囲オブジェクトの出力と型変換
Liquid の範囲オブジェクト（0..1 などの形式）をテンプレート内で出力したときの挙動を確認するテストスニペット。整数範囲と文字列範囲の出力結果の違いを示す。
Liquidの範囲オブジェクト
Liquid の範囲演算子（`..`）の動作を検証するテストコード。整数範囲、浮動小数点範囲、文字列範囲での値の変換・処理を確認する。
Liquid のリテラル値と nil/null の挙動
Liquid テンプレートにおける true、false、empty、blank、nil、null といった予約語の出力結果を確認するテストコード。各リテラル値がテンプレート内でどのように評価・表示されるかを実装検証する。
Liquid のリテラル値と nil の出力確認
Liquid テンプレートにおける true、false、empty、blank、null といった特殊なリテラル値と nil の出力動作を確認するテストコード。Prettier プラグインの動作検証用。
Liquid文字列のクォート形式統一
Prettier の Liquid プラグイン設定に基づいて、文字列のクォート形式（シングル・ダブル）を自動統一するコード例。シングルクォートを含む文字列はダブルクォートで括り、ホワイトスペース剥き取り文字（`-`）も保持する。
Liquid 文字列のクォート整形ルール
Prettier による Liquid テンプレートの自動整形時に、文字列のシングルクォート・ダブルクォート使い分けルールを示すテストケース。デフォルトではシングルクォートに統一し、アポストロフィを含む場合はダブルクォートで保護する。
カスタム HTML 要素のパース検証
Prettier Liquid プラグインの動作確認用テストコード。void 要素名で始まるカスタム要素（base-cart、based-element など）を正しくパースできるかを検証する。
Liquid パーサーのエラーハンドリングテスト
Prettier Liquid プラグインが解析できない不正な Liquid タグ構文を、スペース除去を施したまま保持するテストスニペット。echo、tablerow、stylesheet タグの破損した構文を意図的に配置し、パーサーの耐性を検証する。
Liquid パーサーの文法エラーフォールバック
Liquid パーサーが解析に失敗したタグを、スペースをトリムした状態でそのままマークアップとして出力するテストケース。echo、tablerow、stylesheet などの不正な構文を検証する。
Prettier Liquid プラグインのドキュメント段落テスト
Prettier Liquid プラグインが長い段落テキストとコメントを正しくフォーマットするかを検証するテストドキュメント。行長制限に基づいて自動的に改行される動作を確認する。
Prettier Liquid プラグインのホワイトスペース処理テスト
Prettier の Liquid プラグインが raw ノード（script タグなど）のホワイトスペースをどう処理するかを検証するテストケース。htmlWhitespaceSensitivity の設定値による出力の違いを確認する。
Prettier Liquid プラグインのテストケース
Prettier Liquid プラグインが HTML 属性とテンプレート変数を正しくフォーマットしたかを検証するテストケース。チェックボックス要素を例に、`prettier-ignore-attribute` ディレクティブと条件分岐の組み合わせをテストしている。
prettier-plugin-liquid のフォーマット検証
Prettier Liquid プラグインの属性フォーマット機能をテストするスニペット。チェックボックス要素の class 属性と条件付き checked 属性をマークアップとして検証する。
Liquid コードのフォーマット整形テスト
Prettier プラグインによる Liquid コードの行折り返しとコメント配置の整形動作を検証するテストファイル。長い段落が自動的に改行される仕様を確認できる。
break タグ（ループ脱出）
Liquid ループ内で break タグを使用してループを途中で抜ける。空白の前処理(whitespace control)に対応し、不正な引数を除去する Prettier プラグインのテストケース。
else タグのホワイトスペース正規化
Liquid の else タグにおける余分なスペースや不正な引数を自動的に削除・正規化するテスト。prettier-plugin-liquid によるコード整形時に、else タグの構文を一貫性のある形に修正する動作を検証する。
continue タグ（ループの次の反復へ制御を移す）
for ループ内で continue タグを使い、現在の反復をスキップして次の反復に進める制御フロー。空白の有無や不正な引数を自動的に正規化する Prettier プラグインのテストケース。
Prettier Liquid プラグインの末尾空白処理テスト
Prettier Liquid プラグインが render タグの末尾空白を正しく処理するかテストするコード。printWidth 制限下で属性が複数行に折り返されるときの空白ストリップ動作を検証する。
HTML要素の動的タグ名生成
Liquid テンプレート内で HTML タグ名を動的に生成するコード例。`{{ }}` による変数展開でカスタム要素やヘッダータグを組み立てる方法を示し、Prettier のフォーマッタが複合名タグを正しく整形することを検証している。
ランダム数値の生成
現在時刻のナノ秒値を用いてランダムな整数を生成するスニペット。最小値と最大値を指定して、その範囲内の数値を取得できる。
数値と小数点の Liquid パース検証
Prettier プラグインの数値・小数点パース機能をテストするコード。整数、浮動小数点、複数ドット表記が正しく処理されるか検証する。
Liquid の数値出力テスト
負の数、ゼロ、正の数、小数点を含む数値を Liquid で出力したときの形式を検証するテストコード。整数と浮動小数点数の両方に対応し、複数ドット記号を含む異常な形式も動作確認する。
Prettier Liquid プラグイン括弧配置設定テスト
Prettier Liquid プラグインの bracketSameLine オプション動作を検証するテストファイル。属性が複数行に展開されるとき、開き括弧を同一行に置くか別行に置くかの挙動を確認する。
increment・decrement タグ（変数カウント）
Liquid の increment タグと decrement タグを使い、変数を1ずつ増減させるコード例。Prettier フォーマッタでの改行処理を検証するテストスニペット。
カスタム要素のパーサー動作確認
Prettier Liquid プラグインがカスタム HTML 要素（base-cart、based-element など void 要素名で始まる要素）を正しく解析できるか検証するテストコード。void 要素と自己閉鎖タグの混在場面でパーサーの動作を確認する。
stylesheet タグ内の CSS フォーマット
Liquid の stylesheet タグ内に記述された CSS をフォーマットするコード例。printWidth 設定に応じた整形と、Liquid 変数が含まれる場合のフォールバック動作を示す。
リスト要素の整形ルール
Prettier プラグインでの HTML リスト要素(<ul>、<ol>、<li>)の自動改行・整形ルールを定義したテスト用スニペット。長い行は自動的に改行され、短い行はそのまま保持される。
cycle タグの書式テスト（Prettier検証）
Prettier Liquid プラグインの cycle タグフォーマッタ動作を検証するテストコード。単一引数、複数引数、型混在の各パターンで正しく改行・スペース挿入されるか確認する。
動的タグ名の HTML 整形
Liquid 変数を使用した動的な HTML タグ名（h1～h6、カスタム要素など）をコンパイル時に正しく整形する。Prettier プラグイン向けのテストケースで、複合タグ名の折り返しルールを検証する。
コメント記号と画像タグのフォーマット例
Liquid のコメント記号と image_tag フィルターの基本的な書き方を示すサンプルコード。assign タグでの変数代入とループ処理の構文を含む。
break タグ（ループ終了）
Liquid のループ内で break タグを使い、ループを途中で終了する。ホワイトスペース制御（`{%-` と `-%}`）の有無による動作の違いを示すテストコード。
increment・decrement タグ（変数の増減）
Liquid の increment・decrement タグを使用してテンプレート内でカウンタ変数を増減させるテストコード。タグの記述形式の違いがコード整形後も変数名を保持することを検証する。
continue タグのフォーマット
Liquid の continue タグを正しくフォーマットする際の記法を示す。ループ内で現在の反復をスキップし、次の反復に進めるタグの構文と空白処理の方法を解説する。
条件分岐内の末尾空白制御
Liquid の if タグで条件分岐したコンテンツの末尾に空白が残る場合と残らない場合を判定するテストスニペット。空白削除オプション（`{%-` や `-%}`）の動作を検証する。
Prettier Liquid プラグイン括弧位置テスト
Prettier の Liquid プラグインで HTML 要素の閉じ括弧を同一行または別行に配置するフォーマット設定。bracketSameLine オプションの動作確認用テストファイル。
複数行Liquidのコード整形
Prettier プラグインのテストケース。長い Liquid タグとフィルタチェーンを複数行に分割して整形する際の期待される出力形式を示す。
content_for タグの構文フォーマット
Prettier Liquid プラグインが content_for タグの名前付き引数をどのようにフォーマットするかを示すテストスニペット。カンマ・スペース・末尾カンマの正規化ルールを定義している。
Liquid コード整形（else タグのホワイトスペース制御）
Liquid の else タグにおけるホワイトスペース削除と整形を検証するテストコード。printWidth の制約下で extraneous whitespace を除去し、`{%-` と `-%}` による明示的な空白制御に対応する。
cycle タグのフォーマット仕様テスト
Prettier 用 Liquid プラグインの cycle タグフォーマット仕様を検証するテストコード。単一引数、複数引数、グループ名指定、型混在の各パターンで改行とスペース挿入の動作を確認する。
Liquid コードのフォーマット設定例
Prettier Liquid プラグインの多行フォーマット動作を示すテストファイル。render タグとフィルター連鎖の改行・インデント方法を明示し、printWidth 80 での折り返しルールを実装する。
商品画像の表示とループ処理
商品リストをループし、featured_image を使って画像タグとimg要素で表示するサンプルコード。Liquid のコメント、フィルタ、変数代入、ループ処理の基本的な構文を示している。
Prettier Liquid プラグイン：条件分岐の空白整形テスト
Liquid の if/elsif/else タグにおいて、先頭の空白文字を条件付きで削除するかどうかを判定するテストケース。Prettier Liquid プラグインのホワイトスペース最適化ロジックの動作確認用。
Prettier Liquid プラグインのテストケース
Prettier Liquid フォーマッターの自己閉じタグ処理をテストするスニペット。printWidth や htmlWhitespaceSensitivity の設定変更によるタグのフォーマット動作確認用。
stylesheet タグ内の CSS 整形
Liquid の stylesheet タグ内に記述した CSS をコード整形ツール(Prettier)で自動フォーマットする。printWidth などのオプション設定に応じて、CSS セレクタやプロパティを見やすく整列させる。
条件分岐内の末尾空白を制御する
Liquid の if タグ内で、末尾の空白を条件付きで削除するしくみを示すテストケース。空白削除フラグ(`-`)の有無と、タグ外の空白状態に応じて、どの場合に末尾の空白を保持・削除するかの判定ロジックを記述している。
Prettier プラグインの末尾空白処理テスト
Prettier Liquid プラグインが HTML タグの末尾空白と render タグ周辺の改行を正しく処理するかを検証するテストコード。printWidth 設定時に属性の末尾空白を無視し、不要な改行を導入しないことを確認する。
Prettier Liquid プラグインのHTML要素フォーマットテスト
Prettier の Liquid プラグインが HTML タグの折り行・インデント・閉じタグの配置をどう扱うかを検証するテストケース集。属性数や行幅、ネストの深さによるフォーマット動作を確認する。
YAML フロントマターの解析と整形
Liquid テンプレート内の YAML フロントマター（--- で囲まれたメタデータ）を Prettier で正しく解析・整形するためのテストケース。空の YAML ブロックや Liquid 式を含む配列、フロントマター後のテキストを正確に処理する。
Liquid フォーマッタの改行ロジックテスト
Prettier の Liquid プラグインにおいて、テキストノードと Liquid タグの間で改行を入れるべきかを判定するテストコード。行幅に収まるか、子要素が改行を含むかで動作を確認する。
Liquid フォーマッタの空白制御テスト
Prettier Liquid プラグインの空白制御ロジック検証用テストコード。条件分岐（if/elsif/else）の前後で余分な空白を自動削除するか保持するかの動作を検証する。
Liquid タグの改行と空白トリム判定
Prettier Liquid プラグインが Liquid タグの改行時に空白トリム文字を挿入する判定ロジックをテストするコード。タグが改行で分割される際、前後の空白が preserve されるか trimmed されるかを検証する。
form タグの構文テスト
Prettier Liquid プラグインの form タグ整形挙動を検証するテストファイル。位置引数・名前付き引数の混在、シングルクォート、インデント処理の仕様を確認する。
Prettier Liquid プラグイン: 末尾空白の最適化テスト
Prettier Liquid プラグインにおいて、タグ内の末尾空白を条件に応じて削除・保持するコード整形ロジックの検証例。form / capture タグ周辺の空白ストリップ時の動作を複数パターンで示す。
Liquid コード整形のテストケース
Prettier プラグインが条件分岐タグ（if/elsif/unless）をどのように整形するかを検証するテストファイル。単一式の折返し、論理演算子や比較演算子の改行ルール、printWidth の動作を確認する。
HTML ボイド要素のホワイトスペース処理
Prettier の Liquid プラグインにおいて、img・meta・link などの自己閉鎖タグのホワイトスペース借用ルールを定義するテストケース。htmlWhitespaceSensitivity および singleLineLinkTags オプションの動作を検証する。
schema タグのフォーマット設定
セクション定義用の schema タグ内の JSON をフォーマットする Prettier プラグインのテストケース。indentSchema オプションで JSON のインデント動作を制御できる。
Prettier Liquid プラグインの空白文字処理テスト
Liquid テンプレートの Prettier フォーマッタプラグインにおいて、ブロックタグ前後の空白文字をどう扱うかを検証するテストファイル。htmlWhitespaceSensitivity の設定に応じて、leading space（先頭スペース）を保持するか削除するかを制御する。
Liquid コード整形時の末尾空白処理
Prettier Liquid プラグインが条件分岐内の末尾空白をどう扱うかを検証するテストケース。`if`・`elsif`・`else` タグの前後で空白削除タグ(`{%-`、`-%}`)が効きすぎないよう制御する。
Prettier Liquid ホワイトスペース処理テスト
Prettier Liquid プラグインが、script タグなどの raw nodes（生データノード）を含むHTML をフォーマットするときに、htmlWhitespaceSensitivity 設定に応じて正しくブロックレンダリングコンテキストを生成するかを検証するテストコード。
Prettier Liquid プラグインの空白処理テスト
Liquid コード整形時に form タグ前後の空白文字を条件付きで削除するかを判定するテストケース。HTML 空白感度設定と Liquid タグの性質に応じた空白保持・削除の動作を検証する。
Liquid オブジェクトの空白整形テスト
Prettier の Liquid プラグインが、Liquid オブジェクト（`{{ }}`）の改行時に空白トリム文字を正しく挿入・削除するかを検証するテストコード。HTML の改行位置とトリム対象判定を複数パターンで確認する。
Liquid タグの引数削除フォーマッティング
Prettier Liquid プラグインで、style、schema、javascript、else、break、continue、comment、raw タグから不要な引数を削除し、正しい Liquid 構文に自動整形する。
Liquid タグの引数削除テスト
Prettier Liquid プラグインが style、schema、javascript、else、break、continue、comment、raw タグから不正な引数を削除できることを検証するテストコード。タグ構文の正規化を確認する。
Prettier フォーマッター無視属性の設定
Liquid テンプレート内の HTML 属性フォーマットを Prettier から除外するテスト用スニペット。`prettier-ignore-attribute` コメントで特定要素の属性整形をスキップし、手書き形式を保持する。
Liquid の末尾空白をフォーマットしない
Prettier Liquid プラグインのテストケース。if/elsif/else タグにおいて、末尾の空白文字を削除すべき場合と保持すべき場合を定義し、フォーマッタの動作を検証するコード。
ランダムな商品を取得
ストア内のすべての商品、または指定したコレクションからランダムに1つの商品を抽出するスニペット。タイムスタンプをシード値として使い、毎回異なる商品を取得する。
Liquid 末尾空白の条件付き削除
Prettier Liquid プラグインのテストケース。ブロックタグの末尾にある不要な空白を、親要素の空白感度に応じて条件付きで削除する Liquid 構文の規則を示す。
for タグのコードフォーマット仕様
Liquid の for タグにおいて、reversed や limit・offset などのオプションをどう組み合わせるかによってコード行の折り返しが変わることを示す仕様テスト。prettier-plugin-liquid のコードフォーマッタが、printWidth に応じて適切に改行するかを検証する。
tablerow タグのコード整形仕様
Liquid の tablerow タグをコード整形するときの行折り返しルールを検証する。reversed、limit、offset などの引数や printWidth の設定に応じて、タグの構文がどこで改行されるかを定義するリファレンス。
Liquid フォーマッタの空白削除テストケース
Prettier Liquid プラグインの空白削除ロジックをテストするためのケース集。if タグ内外の先頭空白が条件によってどう処理されるかを検証する。
style タグ内の CSS フォーマット
Liquid テンプレート内の `<style>` タグに含まれる CSS を Prettier でフォーマットする際の挙動を示すテストコード。Liquid 変数を含む場合の再インデント処理や、calc() 関数内の Liquid フィルタ対応を網羅している。
Liquid と JavaScript のインデント制御
Liquid テンプレートと JavaScript を混在させたとき、バッククォートの有無に応じてインデント形式を切り替えるサンプルコード。バッククォートなしの場合はインデント整形、バッククォートありの場合は形式を保持する。
Liquid タグの空白文字トリム制御
Liquid タグが改行位置に配置されるとき、空白文字トリムマーク（`{%-` や `-%}`）を自動で追加するかどうかを判定するテストスニペット。タグの前後に文字が詰まっているか、前後にスペースがあるかで挙動を検証する。
スタイルタグのインデント調整
Liquid テンプレート内の `<style>` タグのインデント（字下げ）を正規化するコード例。Prettier プラグインのテストケースであり、複数の `<style>` ブロックを統一フォーマットで整形する。
capture タグのフォーマット検証
prettier-plugin-liquid のテストファイル。capture タグの様々なフォーマット・インデント・ホワイトスペース処理が正しく動作するかを検証するテストケース。
style タグ内の CSS フォーマット
Liquid テンプレート内の `{% style %}` ブロック内に記述された CSS を自動整形する。複数の設定パターン（printWidth、useTabs）と、Liquid 変数を含む CSS にも対応する。
Prettier Liquid プラグインの空白処理テスト
Liquid テンプレートをフォーマットするときに、テキストと Liquid ノード間の改行ルールを検証するテストケース集。行長制限下での自動折り返し、ノード内改行、親要素の折り返し判定を網羅している。
Prettier Liquid プラグイン・自己クローズタグのフォーマット仕様
Prettier Liquid プラグインにおいて、自己クローズタグ（`<self-closing />`）のフォーマット動作を検証するテストケース集。printWidth や htmlWhitespaceSensitivity の設定に応じた改行・インデント処理の期待値を定義している。
Prettier Liquid プラグインの空白トリムテスト
Prettier Liquid プラグインが Liquid ドロップ（変数展開）の改行時に空白トリム文字を正しく付与するかを検証するテストケース。HTML 要素とテキストノードの組み合わせで、ドロップ直前後の文字が空白かどうかで動作を分ける。
スタイルタグのインデント整形
Liquid テンプレート内の `<style>` タグと CSS ルールセットのインデント（字下げ）を自動整形する。Prettier Liquid プラグインのテストケース。
tablerow タグのフォーマット規則
Prettier プラグイン内の tablerow タグの行折り返しテストケース。reversed、limit、offset などのオプション引数がある場合の自動フォーマット仕様を定義する。
capture タグのコード整形テスト
Prettier プラグインの capture タグ整形ロジックを検証するテストファイル。タグの変数名の破損防止、インデント感度、ホワイトスペース設定の挙動を確認するサンプル集。
for ループの改行・折返し規則
Liquid の for ループにおいて、reversed や limit などのタグ引数が指定されたときに改行を挿入する Prettier フォーマット規則。printWidth に応じて適切に折り返す動作を定義している。
style タグ内の CSS フォーマット
Liquid テンプレート内の <style> タグの CSS を Prettier で自動整形する設定。CSS が解析できない場合は再インデント処理にフォールバックし、タブ・スペース設定に対応する。
render タグのフォーマッティングテスト
Prettier プラグインが Liquid の render タグをフォーマットする際の動作仕様を定義したテストファイル。スニペット名、エイリアス、変数、引数の組み合わせで改行・整形が正しく機能するかを検証する。
Prettier フォーマット無視コメント
Liquid および HTML の Prettier フォーマッターに対し、特定の行やブロックをフォーマット対象外にするコメント構文の実装例。HTML コメント形式と Liquid コメント形式の両方に対応している。
capture タグのホワイトスペース整形テスト
Prettier Liquid プラグインで capture タグ内の空白文字を処理する際の挙動を検証するテストコード。captureWhitespaceSensitivity が「ignore」と「strict」の2パターンで、整形結果がどう変わるかを示す。
form タグのフォーマット仕様
Prettier Liquid プラグインの form タグ整形テストケース。位置引数・名前付き引数・引用符の扱いなど、複数のシナリオでの正しい改行・インデント動作を示す。
Liquid コードの空白制御テストケース
prettier-plugin-liquid の空白削除ロジックを検証するテストスニペット。条件分岐タグ内の先頭空白を、タグの空白ストリップ設定（`-` 記号）に応じて適切に削除・保持するかを確認する。
capture タグの空白整形テスト
Prettier Liquid プラグインで capture タグ内の空白・改行を整形する際の動作確認用テストコード。captureWhitespaceSensitivity 設定が "ignore" と "strict" の両モードで、空白処理がどう変わるかを検証する。
raw タグと schema タグの整形テスト
Prettier Liquid プラグインが raw タグ（インデント保持）と schema タグ（整形対象）を正しく処理するかを検証するテストコード。raw 内の JavaScript・HTML・Markdown のインデント構造を崩さず、schema は JSON を再整形する動作を確認する。
Prettier-ignore コメントの適用
Liquid テンプレートで HTML コメント形式（`<!-- prettier-ignore -->`）と Liquid コメント形式（`{% # prettier-ignore %}`）の prettier-ignore 指定に対応したテストコード。コード整形ツール prettier がこの指定を認識し、該当行のフォーマット処理を無視する動作を検証している。
Prettier 形式無視属性の検証
Liquid テンプレートの HTML 属性フォーマッティングで Prettier の形式無視コメント（`<!-- prettier-ignore-attribute -->` および `{% # prettier-ignore-attribute %}`）が正しく機能するかを検証するテストファイル。複数の属性や Liquid 条件分岐を含む要素の自動整形を制御する。
Liquid コメント構文のテストケース
Liquid のコメント構文（複数行コメント・インラインコメント・ネストされたコメント）の仕様と動作を示すテストファイル。prettier-plugin-liquid のコメント処理検証用。