// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`CheckoutPage matches snapshot 1`] = `
<Page
  scrollingDisabled={false}
  title="CheckoutPage.title"
>
  <div>
    <NamedLink
      name="LandingPage"
    >
      <LogoIcon
        alt="Logo"
        className={null}
        isMobile={true}
        title="CheckoutPage.goToLandingPage"
      />
      <LogoIcon
        alt="CheckoutPage.goToLandingPage"
        className={null}
        isMobile={false}
      />
    </NamedLink>
  </div>
  <div>
    <div>
      <ResponsiveImage
        alt="listing1 title"
        className={null}
        image={null}
        nameSet={
          Array [
            Object {
              "name": "landscape-crop",
              "size": "400w",
            },
            Object {
              "name": "landscape-crop2x",
              "size": "800w",
            },
          ]
        }
        noImageMessage={null}
        rootClassName={null}
        sizes="100vw"
      />
    </div>
    <div
      className=""
    >
      <AvatarMedium
        disableProfileLink={true}
        user={
          Object {
            "attributes": Object {
              "banned": false,
              "profile": Object {
                "abbreviatedName": "TT",
                "displayName": "author display name",
              },
            },
            "id": UUID {
              "uuid": "author",
            },
            "type": "user",
          }
        }
      />
    </div>
    <div>
      <div>
        <h1>
          CheckoutPage.title
        </h1>
        <div>
          <span>
            <FormattedMessage
              id="ListingPage.hostedBy"
              values={
                Object {
                  "name": "author display name",
                }
              }
            />
          </span>
        </div>
      </div>
      <div>
        <h3>
          <FormattedMessage
            id="CheckoutPage.priceBreakdownTitle"
            values={Object {}}
          />
        </h3>
      </div>
      <section>
        <InjectIntl(StripePaymentForm)
          authorDisplayName="author display name"
          formId="CheckoutPagePaymentForm"
          inProgress={false}
          onSubmit={[Function]}
          paymentInfo="CheckoutPage.paymentInfo"
        />
      </section>
    </div>
    <div>
      <div>
        <ResponsiveImage
          alt="listing1 title"
          className={null}
          image={null}
          nameSet={
            Array [
              Object {
                "name": "landscape-crop",
                "size": "400w",
              },
              Object {
                "name": "landscape-crop2x",
                "size": "800w",
              },
            ]
          }
          noImageMessage={null}
          rootClassName={null}
          sizes="100%"
        />
      </div>
      <div>
        <AvatarMedium
          disableProfileLink={true}
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "TT",
                  "displayName": "author display name",
                },
              },
              "id": UUID {
                "uuid": "author",
              },
              "type": "user",
            }
          }
        />
      </div>
      <div>
        <h2>
          listing1 title
        </h2>
        <p>
          <FormattedMessage
            id="CheckoutPage.hostedBy"
            values={
              Object {
                "name": "author display name",
              }
            }
          />
        </p>
      </div>
      <h3>
        <FormattedMessage
          id="CheckoutPage.priceBreakdownTitle"
          values={Object {}}
        />
      </h3>
    </div>
  </div>
</Page>
`;
