🧰 ユーティリティ上級

cycle タグのフォーマット仕様テスト

Prettier 用 Liquid プラグインの cycle タグフォーマット仕様を検証するテストコード。単一引数、複数引数、グループ名指定、型混在の各パターンで改行とスペース挿入の動作を確認する。

用途

Liquid テンプレートのコード整形ツール(Prettier)を開発・テストするときに、cycle タグの正しいフォーマット出力を保証するために使う。

設置場所

このファイルはテスト対象であり、Prettier プラグイン開発環境で実行される。theme-tools の prettier-plugin-liquid パッケージ内のテストスイートに含まれており、開発者が `npm test` を実行すると自動的に検証される。

注意点

このファイルは実際のストア運用では使われず、Prettier プラグイン開発時の仕様検証用である。cycle タグの実運用では変数管理のルール（グループ名の一意性、引数型の一貫性）を別途確認する必要がある。printWidth: 1 などの極端な幅制限はテスト用であり、実際のプロジェクトでは printWidth: 80 以上を推奨。

タグ:cycletagprettierformattertest

コード

21 行 / liquid

It should not break when it only has one arg (weird)
printWidth: 1
{% cycle x %}
{% cycle var: x %}

It should break before the first argument
printWidth: 1
{% cycle
  thing,
  'string'
%}
{% cycle var:
  thing,
  'string'
%}

It should support all types of arguments, and add spaces
{% cycle x: f, 'string', true %}
{% cycle 'group': f, 'string' %}
{% cycle 1: f, 0.0 %}

出典・ライセンス

Source:: Shopify/theme-tools/packages/prettier-plugin-liquid/src/test/liquid-tag-cycle/fixed.liquid
Repository:: https://github.com/Shopify/theme-tools
License:: MIT

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

cycle タグのフォーマット仕様テスト

コード

出典・ライセンス

関連項目

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

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

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

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

Vue.js属性のLiquid整形

sections タグのフォーマット