exports[`ListingPage matches snapshot 1`] = `
<Page
  authInfoError={null}
  contentType="website"
  description="listing1 description"
  facebookImages={Array []}
  logoutError={null}
  schema="
          {
            \"@context\": \"http://schema.org\",
            \"@type\": \"ItemPage\",
            \"description\": \"listing1 description\",
            \"name\": \"listing1 title\",
            \"image\": []
          }
        "
  scrollingDisabled={false}
  title="listing1 title 55"
  twitterImages={Array []}>
  <Topbar
    authInProgress={false}
    currentUser={
      Object {
        "attributes": Object {
          "banned": false,
          "email": "user-2@example.com",
          "emailVerified": true,
          "profile": Object {
            "abbreviatedName": "user-2 abbreviated name",
            "displayName": "user-2 display name",
            "firstName": "user-2 first name",
            "lastName": "user-2 last name",
          },
          "stripeConnected": true,
        },
        "id": UUID {
          "uuid": "user-2",
        },
        "type": "current-user",
      }
    }
    currentUserHasListings={false}
    currentUserHasOrders={null}
    history={
      Object {
        "push": [Function],
      }
    }
    isAuthenticated={false}
    location={
      Object {
        "search": "",
      }
    }
    notificationCount={0}
    onLogout={[Function]}
    onManageDisableScrolling={[Function]}
    onResendVerificationEmail={[Function]}
    sendVerificationEmailError={null}
    sendVerificationEmailInProgress={false} />
  <div
    className="">
    <div>
      <div
        onClick={[Function]}>
        <div
          onClick={[Function]}>
          <ActionBar
            editParams={
              Object {
                "id": "listing1",
                "slug": "listing1-title",
                "tab": "description",
                "type": "edit",
              }
            }
            isClosed={false}
            isOwnListing={false} />
        </div>
        <ResponsiveImage
          alt="listing1 title"
          className={null}
          image={null}
          nameSet={
            Array [
              Object {
                "name": "landscape-crop",
                "size": "400w",
              },
              Object {
                "name": "landscape-crop2x",
                "size": "800w",
              },
              Object {
                "name": "landscape-crop4x",
                "size": "1600w",
              },
              Object {
                "name": "landscape-crop6x",
                "size": "2400w",
              },
            ]
          }
          noImageMessage={null}
          rootClassName={null}
          sizes="100vw" />
      </div>
    </div>
    <InjectIntl(ModalComponent)
      id="ListingPage.imageCarousel"
      isOpen={false}
      lightCloseButton={true}
      onClose={[Function]}
      onManageDisableScrolling={[Function]}>
      <InjectIntl(ImageCarousel)
        images={Array []} />
    </InjectIntl(ModalComponent)>
    <div>
      <div>
        <AvatarLarge
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "user-1 abbreviated name",
                  "displayName": "user-1 display name",
                },
              },
              "id": UUID {
                "uuid": "user-1",
              },
              "type": "user",
            }
          } />
        <AvatarMedium
          user={
            Object {
              "attributes": Object {
                "banned": false,
                "profile": Object {
                  "abbreviatedName": "user-1 abbreviated name",
                  "displayName": "user-1 display name",
                },
              },
              "id": UUID {
                "uuid": "user-1",
              },
              "type": "user",
            }
          } />
      </div>
      <div>
        <div>
          <div>
            <div
              title={55}>
              55
            </div>
            <div>
              <FormattedMessage
                id="ListingPage.perNight"
                values={Object {}} />
            </div>
          </div>
          <div>
            <h1>
              listing1 title
            </h1>
            <div>
              <span>
                <FormattedMessage
                  id="ListingPage.hostedBy"
                  values={
                    Object {
                      "name": "user-1 display name",
                    }
                  } />
              </span>
            </div>
          </div>
        </div>
        <div>
          <h3>
            <FormattedMessage
              id="ListingPage.descriptionTitle"
              values={Object {}} />
          </h3>
          <p>
            listing1 description
          </p>
        </div>
        <div>
          <h3>
            <FormattedMessage
              id="ListingPage.locationTitle"
              values={Object {}} />
          </h3>
          <div>
            <Map
              address="listing1 address"
              center={
                LatLng {
                  "lat": 40,
                  "lng": 60,
                }
              }
              className=""
              rootClassName={null}
              zoom={11} />
          </div>
        </div>
      </div>
      <withViewport(ModalInMobileComponent)
        id="BookingDatesFormInModal"
        isModalOpenOnMobile={false}
        onClose={[Function]}
        onManageDisableScrolling={[Function]}
        showAsModalMaxWidth={1023}>
        <div>
          <h1>
            listing1 title
          </h1>
          <div>
            <span>
              <FormattedMessage
                id="ListingPage.hostedBy"
                values={
                  Object {
                    "name": "user-1 display name",
                  }
                } />
            </span>
          </div>
        </div>
        <div>
          <h2>
            <FormattedMessage
              id="ListingPage.bookingTitle"
              values={
                Object {
                  "title": "listing1 title",
                }
              } />
          </h2>
          <div>
            <FormattedMessage
              id="ListingPage.bookingHelp"
              values={Object {}} />
          </div>
        </div>
        <BookingDatesForm
          isOwnListing={false}
          onSubmit={[Function]}
          price={
            Money {
              "amount": 5500,
              "currency": "USD",
            }
          } />
      </withViewport(ModalInMobileComponent)>
      <div>
        <div>
          <div
            title={55}>
            55
          </div>
          <div>
            <FormattedMessage
              id="ListingPage.perNight"
              values={Object {}} />
          </div>
        </div>
        <Button
          className={null}
          inProgress={false}
          onClick={[Function]}
          ready={false}
          rootClassName={null}>
          ListingPage.ctaButtonMessage
        </Button>
      </div>
    </div>
  </div>
</Page>
`;
