@mirai/core 0.4.649 → 0.4.650

package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap

@@ -0,0 +1,504 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Payment> <PCI> inherit:className 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view mirai"
+  >
+    <ui-text
+      class="text action"
+    />
+    <ui-view
+      class="view"
+      id="checkout-card"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view wide"
+        >
+          <ui-text
+            class="text small"
+          >
+            core.label.card_number
+            <ui-text
+              class="text error paragraph"
+            >
+              *
+            </ui-text>
+          </ui-text>
+          <div
+            id="card"
+          />
+        </ui-view>
+      </ui-view>
+    </ui-view>
+    <ui-view
+      class="view"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view wide"
+        >
+          <ui-text
+            class="text small"
+          >
+            core.label.card_name
+            <ui-text
+              class="text error paragraph"
+            >
+              *
+            </ui-text>
+          </ui-text>
+          <input
+            class="input"
+            id="checkout-name"
+            name="name"
+            required=""
+            type="text"
+            value=""
+          />
+        </ui-view>
+      </ui-view>
+    </ui-view>
+    <ui-view
+      class="view row"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view"
+        >
+          <ui-view
+            class="view wide"
+          >
+            <ui-text
+              class="text small"
+            >
+              core.label.expiration
+              <ui-text
+                class="text error paragraph"
+              >
+                *
+              </ui-text>
+            </ui-text>
+            <input
+              class="input"
+              id="checkout-expire"
+              maxlength="5"
+              name="expire"
+              placeholder="core.label.month_format/core.label.year_format"
+              required=""
+              type="text"
+              value=""
+            />
+          </ui-view>
+        </ui-view>
+      </ui-view>
+      <ui-view
+        class="view"
+        id="checkout-cvv"
+      >
+        <ui-view
+          class="view"
+        >
+          <ui-view
+            class="view wide"
+          >
+            <ui-text
+              class="text small"
+            >
+              core.label.cvv
+              <ui-text
+                class="text error paragraph"
+              >
+                *
+              </ui-text>
+            </ui-text>
+            <div
+              id="cvv"
+            />
+          </ui-view>
+        </ui-view>
+      </ui-view>
+    </ui-view>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Payment> <PCI> prop:showCVV 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+    data-testid="showCVV"
+  >
+    <ui-text
+      class="text action"
+    />
+    <ui-view
+      class="view"
+      data-testid="showCVV-PCI-card"
+      id="checkout-card"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view wide"
+        >
+          <ui-text
+            class="text small"
+          >
+            core.label.card_number
+            <ui-text
+              class="text error paragraph"
+            >
+              *
+            </ui-text>
+          </ui-text>
+          <div
+            id="card"
+          />
+        </ui-view>
+      </ui-view>
+    </ui-view>
+    <ui-view
+      class="view"
+      data-testid="showCVV-PCI-name"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view wide"
+        >
+          <ui-text
+            class="text small"
+          >
+            core.label.card_name
+            <ui-text
+              class="text error paragraph"
+            >
+              *
+            </ui-text>
+          </ui-text>
+          <input
+            class="input"
+            id="checkout-name"
+            name="name"
+            required=""
+            type="text"
+            value=""
+          />
+        </ui-view>
+      </ui-view>
+    </ui-view>
+    <ui-view
+      class="view row"
+    >
+      <ui-view
+        class="view"
+        data-testid="showCVV-PCI-expire"
+      >
+        <ui-view
+          class="view"
+        >
+          <ui-view
+            class="view wide"
+          >
+            <ui-text
+              class="text small"
+            >
+              core.label.expiration
+              <ui-text
+                class="text error paragraph"
+              >
+                *
+              </ui-text>
+            </ui-text>
+            <input
+              class="input"
+              id="checkout-expire"
+              maxlength="5"
+              name="expire"
+              placeholder="core.label.month_format/core.label.year_format"
+              required=""
+              type="text"
+              value=""
+            />
+          </ui-view>
+        </ui-view>
+      </ui-view>
+    </ui-view>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Payment> <PCI> renders 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+  >
+    <ui-text
+      class="text action"
+    />
+    <ui-view
+      class="view"
+      id="checkout-card"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view wide"
+        >
+          <ui-text
+            class="text small"
+          >
+            core.label.card_number
+            <ui-text
+              class="text error paragraph"
+            >
+              *
+            </ui-text>
+          </ui-text>
+          <div
+            id="card"
+          />
+        </ui-view>
+      </ui-view>
+    </ui-view>
+    <ui-view
+      class="view"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view wide"
+        >
+          <ui-text
+            class="text small"
+          >
+            core.label.card_name
+            <ui-text
+              class="text error paragraph"
+            >
+              *
+            </ui-text>
+          </ui-text>
+          <input
+            class="input"
+            id="checkout-name"
+            name="name"
+            required=""
+            type="text"
+            value=""
+          />
+        </ui-view>
+      </ui-view>
+    </ui-view>
+    <ui-view
+      class="view row"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view"
+        >
+          <ui-view
+            class="view wide"
+          >
+            <ui-text
+              class="text small"
+            >
+              core.label.expiration
+              <ui-text
+                class="text error paragraph"
+              >
+                *
+              </ui-text>
+            </ui-text>
+            <input
+              class="input"
+              id="checkout-expire"
+              maxlength="5"
+              name="expire"
+              placeholder="core.label.month_format/core.label.year_format"
+              required=""
+              type="text"
+              value=""
+            />
+          </ui-view>
+        </ui-view>
+      </ui-view>
+      <ui-view
+        class="view"
+        id="checkout-cvv"
+      >
+        <ui-view
+          class="view"
+        >
+          <ui-view
+            class="view wide"
+          >
+            <ui-text
+              class="text small"
+            >
+              core.label.cvv
+              <ui-text
+                class="text error paragraph"
+              >
+                *
+              </ui-text>
+            </ui-text>
+            <div
+              id="cvv"
+            />
+          </ui-view>
+        </ui-view>
+      </ui-view>
+    </ui-view>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Payment> <PCI> testID 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+    data-testid="mirai"
+  >
+    <ui-text
+      class="text action"
+    />
+    <ui-view
+      class="view"
+      data-testid="mirai-PCI-card"
+      id="checkout-card"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view wide"
+        >
+          <ui-text
+            class="text small"
+          >
+            core.label.card_number
+            <ui-text
+              class="text error paragraph"
+            >
+              *
+            </ui-text>
+          </ui-text>
+          <div
+            id="card"
+          />
+        </ui-view>
+      </ui-view>
+    </ui-view>
+    <ui-view
+      class="view"
+      data-testid="mirai-PCI-name"
+    >
+      <ui-view
+        class="view"
+      >
+        <ui-view
+          class="view wide"
+        >
+          <ui-text
+            class="text small"
+          >
+            core.label.card_name
+            <ui-text
+              class="text error paragraph"
+            >
+              *
+            </ui-text>
+          </ui-text>
+          <input
+            class="input"
+            id="checkout-name"
+            name="name"
+            required=""
+            type="text"
+            value=""
+          />
+        </ui-view>
+      </ui-view>
+    </ui-view>
+    <ui-view
+      class="view row"
+    >
+      <ui-view
+        class="view"
+        data-testid="mirai-PCI-expire"
+      >
+        <ui-view
+          class="view"
+        >
+          <ui-view
+            class="view wide"
+          >
+            <ui-text
+              class="text small"
+            >
+              core.label.expiration
+              <ui-text
+                class="text error paragraph"
+              >
+                *
+              </ui-text>
+            </ui-text>
+            <input
+              class="input"
+              id="checkout-expire"
+              maxlength="5"
+              name="expire"
+              placeholder="core.label.month_format/core.label.year_format"
+              required=""
+              type="text"
+              value=""
+            />
+          </ui-view>
+        </ui-view>
+      </ui-view>
+      <ui-view
+        class="view"
+        data-testid="mirai-PCI-CVV"
+        id="checkout-cvv"
+      >
+        <ui-view
+          class="view"
+        >
+          <ui-view
+            class="view wide"
+          >
+            <ui-text
+              class="text small"
+            >
+              core.label.cvv
+              <ui-text
+                class="text error paragraph"
+              >
+                *
+              </ui-text>
+            </ui-text>
+            <div
+              id="cvv"
+            />
+          </ui-view>
+        </ui-view>
+      </ui-view>
+    </ui-view>
+  </ui-view>
+</DocumentFragment>
+`;

package/build/components/__shared__/Payment/components/Tpv/__tests__/__snapshots__/Tpv.test.js.snap

@@ -0,0 +1,119 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Payment> <Tpv> inherit:className 1`] = `
+<DocumentFragment>
+  <ui-input-text
+    class="view inputContainer mirai"
+  >
+    <ui-view
+      class="view row inputBorder"
+    >
+      <ui-view
+        class="view wide content"
+      >
+        <ui-label
+          class="text paragraph text label"
+          htmlfor="checkout-name"
+          id="checkout-name-label"
+        >
+          core.label.card_name
+          <span
+            class="required error"
+          >
+            ✱
+          </span>
+        </ui-label>
+        <input
+          aria-labelledby="checkout-name-label"
+          class="input input withLabel"
+          id="checkout-name"
+          maxlength="48"
+          name="name"
+          required=""
+          type="text"
+          value=""
+        />
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
+</DocumentFragment>
+`;
+
+exports[`<Payment> <Tpv> renders 1`] = `
+<DocumentFragment>
+  <ui-input-text
+    class="view inputContainer"
+  >
+    <ui-view
+      class="view row inputBorder"
+    >
+      <ui-view
+        class="view wide content"
+      >
+        <ui-label
+          class="text paragraph text label"
+          htmlfor="checkout-name"
+          id="checkout-name-label"
+        >
+          core.label.card_name
+          <span
+            class="required error"
+          >
+            ✱
+          </span>
+        </ui-label>
+        <input
+          aria-labelledby="checkout-name-label"
+          class="input input withLabel"
+          id="checkout-name"
+          maxlength="48"
+          name="name"
+          required=""
+          type="text"
+          value=""
+        />
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
+</DocumentFragment>
+`;
+
+exports[`<Payment> <Tpv> testID 1`] = `
+<DocumentFragment>
+  <ui-input-text
+    class="view inputContainer"
+  >
+    <ui-view
+      class="view row inputBorder"
+    >
+      <ui-view
+        class="view wide content"
+      >
+        <ui-label
+          class="text paragraph text label"
+          htmlfor="checkout-name"
+          id="checkout-name-label"
+        >
+          core.label.card_name
+          <span
+            class="required error"
+          >
+            ✱
+          </span>
+        </ui-label>
+        <input
+          aria-labelledby="checkout-name-label"
+          class="input input withLabel"
+          data-testid="mirai"
+          id="checkout-name"
+          maxlength="48"
+          name="name"
+          required=""
+          type="text"
+          value=""
+        />
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
+</DocumentFragment>
+`;

package/build/components/__shared__/PriceBreakdown/__tests__/__snapshots__/PriceBreakdown.Line.test.js.snap

@@ -0,0 +1,49 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<PriceBreakdown.Line> applies the correct scaffold based on props 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row"
+  >
+    <ui-text
+      class="text bold paragraph wide"
+    >
+      name
+    </ui-text>
+    <ui-text
+      class="text bold paragraph"
+    />
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<PriceBreakdown.Line> inherit:className 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row mirai"
+  >
+    <ui-text
+      class="text action wide"
+    />
+    <ui-text
+      class="text action"
+    />
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<PriceBreakdown.Line> testID 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row"
+    data-testid="mirai"
+  >
+    <ui-text
+      class="text action wide"
+    />
+    <ui-text
+      class="text action"
+    />
+  </ui-view>
+</DocumentFragment>
+`;