@capillarytech/creatives-library 8.0.241 → 8.0.242-alpha.0

package/v2Containers/WebPush/Create/components/tests/__snapshots__/ButtonForm.test.js.snap

@@ -0,0 +1,666 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ButtonForm Cancel Button should show "Cancel" text when in edit mode 1`] = `
+<div
+  className="webpush-button-form"
+  onKeyDown={[Function]}
+>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Button text"
+        id="creatives.containersV2.WebPush.buttonText"
+        values={Object {}}
+      />
+    </CapHeading>
+    <div
+      className="button-form-field"
+    >
+      <_Class
+        help=""
+        id="webpush-button-text-input-primary"
+        labelPosition="top"
+        maxLength={20}
+        onChange={[Function]}
+        size="default"
+        status=""
+        suffix={
+          <span
+            className="button-character-count-suffix"
+          >
+            0/20
+          </span>
+        }
+        value=""
+      />
+    </div>
+  </CapRow>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="URL"
+        id="creatives.containersV2.WebPush.buttonUrlLabel"
+        values={Object {}}
+      />
+    </CapHeading>
+    <_Class
+      help=""
+      id="webpush-button-url-input-primary"
+      labelPosition="top"
+      onChange={[Function]}
+      size="default"
+      status=""
+      value=""
+    />
+  </CapRow>
+  <CapRow
+    className="button-form-actions"
+  >
+    <CapButton
+      className="button-form-save"
+      disabled={true}
+      isAddBtn={false}
+      onClick={[Function]}
+      type="primary"
+    >
+      <FormattedMessage
+        defaultMessage="Save"
+        id="creatives.containersV2.WebPush.saveButton"
+        values={Object {}}
+      />
+    </CapButton>
+    <CapButton
+      className="button-form-cancel"
+      isAddBtn={false}
+      onClick={[Function]}
+      type="secondary"
+    >
+      <FormattedMessage
+        defaultMessage="Cancel"
+        id="creatives.containersV2.WebPush.cancelButton"
+        values={Object {}}
+      />
+    </CapButton>
+  </CapRow>
+</div>
+`;
+
+exports[`ButtonForm Cancel Button should show "Delete" text when not in edit mode 1`] = `
+<div
+  className="webpush-button-form"
+  onKeyDown={[Function]}
+>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Button text"
+        id="creatives.containersV2.WebPush.buttonText"
+        values={Object {}}
+      />
+    </CapHeading>
+    <div
+      className="button-form-field"
+    >
+      <_Class
+        help=""
+        id="webpush-button-text-input-primary"
+        labelPosition="top"
+        maxLength={20}
+        onChange={[Function]}
+        size="default"
+        status=""
+        suffix={
+          <span
+            className="button-character-count-suffix"
+          >
+            0/20
+          </span>
+        }
+        value=""
+      />
+    </div>
+  </CapRow>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="URL"
+        id="creatives.containersV2.WebPush.buttonUrlLabel"
+        values={Object {}}
+      />
+    </CapHeading>
+    <_Class
+      help=""
+      id="webpush-button-url-input-primary"
+      labelPosition="top"
+      onChange={[Function]}
+      size="default"
+      status=""
+      value=""
+    />
+  </CapRow>
+  <CapRow
+    className="button-form-actions"
+  >
+    <CapButton
+      className="button-form-save"
+      disabled={true}
+      isAddBtn={false}
+      onClick={[Function]}
+      type="primary"
+    >
+      <FormattedMessage
+        defaultMessage="Save"
+        id="creatives.containersV2.WebPush.saveButton"
+        values={Object {}}
+      />
+    </CapButton>
+    <CapButton
+      className="button-form-cancel"
+      isAddBtn={false}
+      onClick={[Function]}
+      type="secondary"
+    >
+      <FormattedMessage
+        defaultMessage="Delete"
+        id="creatives.containersV2.WebPush.deleteButton"
+        values={Object {}}
+      />
+    </CapButton>
+  </CapRow>
+</div>
+`;
+
+exports[`ButtonForm Rendering should render correctly for primary button type 1`] = `
+<div
+  className="webpush-button-form"
+  onKeyDown={[Function]}
+>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Button text"
+        id="creatives.containersV2.WebPush.buttonText"
+        values={Object {}}
+      />
+    </CapHeading>
+    <div
+      className="button-form-field"
+    >
+      <_Class
+        help=""
+        id="webpush-button-text-input-primary"
+        labelPosition="top"
+        maxLength={20}
+        onChange={[Function]}
+        size="default"
+        status=""
+        suffix={
+          <span
+            className="button-character-count-suffix"
+          >
+            0/20
+          </span>
+        }
+        value=""
+      />
+    </div>
+  </CapRow>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="URL"
+        id="creatives.containersV2.WebPush.buttonUrlLabel"
+        values={Object {}}
+      />
+    </CapHeading>
+    <_Class
+      help=""
+      id="webpush-button-url-input-primary"
+      labelPosition="top"
+      onChange={[Function]}
+      size="default"
+      status=""
+      value=""
+    />
+  </CapRow>
+  <CapRow
+    className="button-form-actions"
+  >
+    <CapButton
+      className="button-form-save"
+      disabled={true}
+      isAddBtn={false}
+      onClick={[Function]}
+      type="primary"
+    >
+      <FormattedMessage
+        defaultMessage="Save"
+        id="creatives.containersV2.WebPush.saveButton"
+        values={Object {}}
+      />
+    </CapButton>
+    <CapButton
+      className="button-form-cancel"
+      isAddBtn={false}
+      onClick={[Function]}
+      type="secondary"
+    >
+      <FormattedMessage
+        defaultMessage="Delete"
+        id="creatives.containersV2.WebPush.deleteButton"
+        values={Object {}}
+      />
+    </CapButton>
+  </CapRow>
+</div>
+`;
+
+exports[`ButtonForm Rendering should render correctly for secondary button type 1`] = `
+<div
+  className="webpush-button-form"
+  onKeyDown={[Function]}
+>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Button text"
+        id="creatives.containersV2.WebPush.buttonText"
+        values={Object {}}
+      />
+    </CapHeading>
+    <div
+      className="button-form-field"
+    >
+      <_Class
+        help=""
+        id="webpush-button-text-input-secondary"
+        labelPosition="top"
+        maxLength={20}
+        onChange={[Function]}
+        size="default"
+        status=""
+        suffix={
+          <span
+            className="button-character-count-suffix"
+          >
+            0/20
+          </span>
+        }
+        value=""
+      />
+    </div>
+  </CapRow>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="URL"
+        id="creatives.containersV2.WebPush.buttonUrlLabel"
+        values={Object {}}
+      />
+    </CapHeading>
+    <_Class
+      help=""
+      id="webpush-button-url-input-secondary"
+      labelPosition="top"
+      onChange={[Function]}
+      size="default"
+      status=""
+      value=""
+    />
+  </CapRow>
+  <CapRow
+    className="button-form-actions"
+  >
+    <CapButton
+      className="button-form-save"
+      disabled={true}
+      isAddBtn={false}
+      onClick={[Function]}
+      type="primary"
+    >
+      <FormattedMessage
+        defaultMessage="Save"
+        id="creatives.containersV2.WebPush.saveButton"
+        values={Object {}}
+      />
+    </CapButton>
+    <CapButton
+      className="button-form-cancel"
+      isAddBtn={false}
+      onClick={[Function]}
+      type="secondary"
+    >
+      <FormattedMessage
+        defaultMessage="Delete"
+        id="creatives.containersV2.WebPush.deleteButton"
+        values={Object {}}
+      />
+    </CapButton>
+  </CapRow>
+</div>
+`;
+
+exports[`ButtonForm Rendering should render correctly in edit mode 1`] = `
+<div
+  className="webpush-button-form"
+  onKeyDown={[Function]}
+>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Button text"
+        id="creatives.containersV2.WebPush.buttonText"
+        values={Object {}}
+      />
+    </CapHeading>
+    <div
+      className="button-form-field"
+    >
+      <_Class
+        help=""
+        id="webpush-button-text-input-primary"
+        labelPosition="top"
+        maxLength={20}
+        onChange={[Function]}
+        size="default"
+        status=""
+        suffix={
+          <span
+            className="button-character-count-suffix"
+          >
+            0/20
+          </span>
+        }
+        value=""
+      />
+    </div>
+  </CapRow>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="URL"
+        id="creatives.containersV2.WebPush.buttonUrlLabel"
+        values={Object {}}
+      />
+    </CapHeading>
+    <_Class
+      help=""
+      id="webpush-button-url-input-primary"
+      labelPosition="top"
+      onChange={[Function]}
+      size="default"
+      status=""
+      value=""
+    />
+  </CapRow>
+  <CapRow
+    className="button-form-actions"
+  >
+    <CapButton
+      className="button-form-save"
+      disabled={true}
+      isAddBtn={false}
+      onClick={[Function]}
+      type="primary"
+    >
+      <FormattedMessage
+        defaultMessage="Save"
+        id="creatives.containersV2.WebPush.saveButton"
+        values={Object {}}
+      />
+    </CapButton>
+    <CapButton
+      className="button-form-cancel"
+      isAddBtn={false}
+      onClick={[Function]}
+      type="secondary"
+    >
+      <FormattedMessage
+        defaultMessage="Cancel"
+        id="creatives.containersV2.WebPush.cancelButton"
+        values={Object {}}
+      />
+    </CapButton>
+  </CapRow>
+</div>
+`;
+
+exports[`ButtonForm Rendering should render correctly with default props 1`] = `
+<div
+  className="webpush-button-form"
+  onKeyDown={[Function]}
+>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Button text"
+        id="creatives.containersV2.WebPush.buttonText"
+        values={Object {}}
+      />
+    </CapHeading>
+    <div
+      className="button-form-field"
+    >
+      <_Class
+        help=""
+        id="webpush-button-text-input-primary"
+        labelPosition="top"
+        maxLength={20}
+        onChange={[Function]}
+        size="default"
+        status=""
+        suffix={
+          <span
+            className="button-character-count-suffix"
+          >
+            0/20
+          </span>
+        }
+        value=""
+      />
+    </div>
+  </CapRow>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="URL"
+        id="creatives.containersV2.WebPush.buttonUrlLabel"
+        values={Object {}}
+      />
+    </CapHeading>
+    <_Class
+      help=""
+      id="webpush-button-url-input-primary"
+      labelPosition="top"
+      onChange={[Function]}
+      size="default"
+      status=""
+      value=""
+    />
+  </CapRow>
+  <CapRow
+    className="button-form-actions"
+  >
+    <CapButton
+      className="button-form-save"
+      disabled={true}
+      isAddBtn={false}
+      onClick={[Function]}
+      type="primary"
+    >
+      <FormattedMessage
+        defaultMessage="Save"
+        id="creatives.containersV2.WebPush.saveButton"
+        values={Object {}}
+      />
+    </CapButton>
+    <CapButton
+      className="button-form-cancel"
+      isAddBtn={false}
+      onClick={[Function]}
+      type="secondary"
+    >
+      <FormattedMessage
+        defaultMessage="Delete"
+        id="creatives.containersV2.WebPush.deleteButton"
+        values={Object {}}
+      />
+    </CapButton>
+  </CapRow>
+</div>
+`;
+
+exports[`ButtonForm Rendering should render correctly with initial data 1`] = `
+<div
+  className="webpush-button-form"
+  onKeyDown={[Function]}
+>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="Button text"
+        id="creatives.containersV2.WebPush.buttonText"
+        values={Object {}}
+      />
+    </CapHeading>
+    <div
+      className="button-form-field"
+    >
+      <_Class
+        help=""
+        id="webpush-button-text-input-primary"
+        labelPosition="top"
+        maxLength={20}
+        onChange={[Function]}
+        size="default"
+        status=""
+        suffix={
+          <span
+            className="button-character-count-suffix"
+          >
+            8/20
+          </span>
+        }
+        value="Click me"
+      />
+    </div>
+  </CapRow>
+  <CapRow
+    className="button-form-row"
+  >
+    <CapHeading
+      className="button-form-heading"
+      type="h4"
+    >
+      <FormattedMessage
+        defaultMessage="URL"
+        id="creatives.containersV2.WebPush.buttonUrlLabel"
+        values={Object {}}
+      />
+    </CapHeading>
+    <_Class
+      help=""
+      id="webpush-button-url-input-primary"
+      labelPosition="top"
+      onChange={[Function]}
+      size="default"
+      status=""
+      value="https://example.com"
+    />
+  </CapRow>
+  <CapRow
+    className="button-form-actions"
+  >
+    <CapButton
+      className="button-form-save"
+      disabled=""
+      isAddBtn={false}
+      onClick={[Function]}
+      type="primary"
+    >
+      <FormattedMessage
+        defaultMessage="Save"
+        id="creatives.containersV2.WebPush.saveButton"
+        values={Object {}}
+      />
+    </CapButton>
+    <CapButton
+      className="button-form-cancel"
+      isAddBtn={false}
+      onClick={[Function]}
+      type="secondary"
+    >
+      <FormattedMessage
+        defaultMessage="Delete"
+        id="creatives.containersV2.WebPush.deleteButton"
+        values={Object {}}
+      />
+    </CapButton>
+  </CapRow>
+</div>
+`;