Chore: refactor tests of html-indent

Author: mysticatea

tests/fixtures/html-indent/array-expression-01.vue

@@ -0,0 +1,16 @@
+<!--{}-->
+<template>
+  <div v-on:a="
+    [
+      1
+      ,
+      2
+      ,
+      [
+        3
+      ],
+      [ 4,
+        5 ]
+    ]
+  "></div>
+</template>

tests/fixtures/html-indent/arrow-function-expression-01.vue

@@ -0,0 +1,10 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:a="
+      (
+      ) =>
+        1
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/arrow-function-expression-02.vue

@@ -0,0 +1,9 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:b="
+      a =>
+        1
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/arrow-function-expression-03.vue

@@ -0,0 +1,11 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:c="
+      (
+        a
+      ) =>
+        1
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/arrow-function-expression-04.vue

@@ -0,0 +1,13 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:d="
+      (
+        a
+        ,
+        b
+      ) =>
+        1
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/arrow-function-expression-05.vue

@@ -0,0 +1,11 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:e="
+      a =>
+      {
+        a
+      }
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/await-expression-01.vue

@@ -0,0 +1,10 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:a="
+      async () =>
+        await
+          1
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/binary-expression-01.vue

@@ -0,0 +1,10 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:a="
+      a
+        +
+        b
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/binary-expression-02.vue

@@ -0,0 +1,12 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:b="
+      a
+        +
+        b
+        +
+        c
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/binary-expression-03.vue

@@ -0,0 +1,14 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:c="
+      a
+        =
+        b
+        +
+        c
+        +
+        d
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/binary-expression-04.vue

@@ -0,0 +1,11 @@
+<!--{}-->
+<template>
+  <div
+    :class="{
+      foo: (
+        a === b &&
+        c === d
+      )
+    }"
+  />
+</template>

tests/fixtures/html-indent/binary-expression-05.vue

@@ -0,0 +1,10 @@
+<!--{}-->
+<template>
+  <div
+    :class="{
+      foo:
+        a === b &&
+        c === d
+    }"
+  />
+</template>

tests/fixtures/html-indent/binary-expression-06.vue

@@ -0,0 +1,9 @@
+<!--{}-->
+<template>
+  <div
+    :class="{
+      foo: a === b &&
+        c === d
+    }"
+  />
+</template>

tests/fixtures/html-indent/break-statement-01.vue

@@ -0,0 +1,10 @@
+<!--{}-->
+<template>
+  <div
+    v-on:a="
+      while(1)
+        break
+        ;
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/call-expression-01.vue

@@ -0,0 +1,9 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:a="
+      foo(
+      )
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/call-expression-02.vue

@@ -0,0 +1,10 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:b="
+      foo(
+        1
+      )
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/call-expression-03.vue

@@ -0,0 +1,16 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:c="
+      foo(
+        1
+        ,
+        2
+        ,
+        bar(
+          3
+        )
+      )
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/call-expression-04.vue

@@ -0,0 +1,9 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:d="
+      f(1, 2,
+        3, 4)
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/class-declaration-01.vue

@@ -0,0 +1,13 @@
+<!--{}-->
+<template>
+  <div
+    v-on:a="
+      class
+        A
+      {
+        foo(){}
+        bar(){}
+      }
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/class-declaration-02.vue

@@ -0,0 +1,18 @@
+<!--{}-->
+<template>
+  <div
+    v-on:b="
+      class
+        A
+        extends
+          B
+      {
+        ;
+        foo(){}
+        ;
+        bar(){}
+        ;
+      }
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/class-expression-01.vue

@@ -0,0 +1,17 @@
+<!--{}-->
+<template>
+  <div
+    v-on:c="
+      !class
+        extends
+          B
+      {
+        ;
+        foo(){}
+        ;
+        bar(){}
+        ;
+      }
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/conditional-expression-01.vue

@@ -0,0 +1,10 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:a="
+      a
+        ? b
+        : c
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/conditional-expression-02.vue

@@ -0,0 +1,10 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:b="
+      a ?
+        b :
+        c
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/conditional-expression-03.vue

@@ -0,0 +1,12 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:c="
+      a
+        ?
+          b
+        :
+          c
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/conditional-expression-04.vue

@@ -0,0 +1,12 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:d="
+      a
+        ? b
+        : c
+          ? d
+          : e
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/conditional-expression-05.vue

@@ -0,0 +1,10 @@
+<!--{}-->
+<template>
+  <div
+    v-bind:e="
+      a ? 1 :
+      b ? 2 :
+      /*else*/ 3
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/do-while-statement-01.vue

@@ -0,0 +1,13 @@
+<!--{}-->
+<template>
+  <div
+    v-on:a="
+      do
+        ;
+      while
+        (
+          a
+        )
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/do-while-statement-02.vue

@@ -0,0 +1,15 @@
+<!--{}-->
+<template>
+  <div
+    v-on:b="
+      do
+      {
+        ;
+      }
+      while
+        (
+          a
+        )
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/do-while-statement-03.vue

@@ -0,0 +1,12 @@
+<!--{}-->
+<template>
+  <div
+    v-on:c="
+      do {
+        ;
+      } while (
+        a
+      )
+    "
+  ></div>
+</template>

tests/fixtures/html-indent/example.vue

@@ -0,0 +1,22 @@
+<!--{}-->
+<template>
+  <div class="foo">
+    Hello.
+  </div>
+  <div
+    id="a"
+    class="b"
+    :other-attr="{
+      aaa: 1,
+      bbb: 2
+    }"
+    @other-attr2="
+      foo()
+      bar()
+    "
+  >
+    {{
+      displayMessage
+    }}
+  </div>
+</template>