sentry/tests/js/spec/views/projectsDashboard/__snapshots__/projectCard.spec.jsx.snap

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

exports[`ProjectCard renders 1`] = `
<ProjectCard
  organization={
    Object {
      "access": Array [
        "org:read",
        "org:write",
        "org:admin",
        "org:integrations",
        "project:read",
        "project:write",
        "project:admin",
        "team:read",
        "team:write",
        "team:admin",
      ],
      "features": Array [],
      "id": "3",
      "name": "Organization Name",
      "onboardingTasks": Array [],
      "projects": Array [],
      "scrapeJavaScript": true,
      "slug": "org-slug",
      "status": Object {
        "id": "active",
        "name": "active",
      },
      "teams": Array [],
    }
  }
  params={
    Object {
      "orgId": "org-slug",
    }
  }
  project={
    Object {
      "environments": Array [],
      "hasAccess": true,
      "id": "2",
      "isBookmarked": false,
      "isMember": true,
      "name": "Project Name",
      "platform": "javascript",
      "slug": "project-slug",
      "stats": Array [
        Array [
          1525042800,
          1,
        ],
        Array [
          1525046400,
          2,
        ],
      ],
      "teams": Array [],
    }
  }
>
  <ProjectCardWrapper
    data-test-id="project-slug"
    width={
      Array [
        "100%",
        "50%",
        "33%",
        "25%",
      ]
    }
  >
    <Base
      className="css-3jemnr-ProjectCardWrapper e1o95it02"
      data-test-id="project-slug"
      width={
        Array [
          "100%",
          "50%",
          "33%",
          "25%",
        ]
      }
    >
      <div
        className="css-3jemnr-ProjectCardWrapper e1o95it02"
        data-test-id="project-slug"
        is={null}
      >
        <StyledProjectCard>
          <div
            className="css-18be1td-StyledProjectCard e1o95it03"
          >
            <StyledProjectCardHeader>
              <div
                className="css-v59cbs-StyledProjectCardHeader e1o95it01"
              >
                <StyledIdBadge
                  avatarSize={18}
                  displayName={
                    <span>
                      project-slug
                    </span>
                  }
                  project={
                    Object {
                      "environments": Array [],
                      "hasAccess": true,
                      "id": "2",
                      "isBookmarked": false,
                      "isMember": true,
                      "name": "Project Name",
                      "platform": "javascript",
                      "slug": "project-slug",
                      "stats": Array [
                        Array [
                          1525042800,
                          1,
                        ],
                        Array [
                          1525046400,
                          2,
                        ],
                      ],
                      "teams": Array [],
                    }
                  }
                >
                  <IdBadge
                    avatarSize={18}
                    className="css-1gy4gs4-StyledIdBadge e1o95it05"
                    displayName={
                      <span>
                        project-slug
                      </span>
                    }
                    project={
                      Object {
                        "environments": Array [],
                        "hasAccess": true,
                        "id": "2",
                        "isBookmarked": false,
                        "isMember": true,
                        "name": "Project Name",
                        "platform": "javascript",
                        "slug": "project-slug",
                        "stats": Array [
                          Array [
                            1525042800,
                            1,
                          ],
                          Array [
                            1525046400,
                            2,
                          ],
                        ],
                        "teams": Array [],
                      }
                    }
                  >
                    <InlineErrorBoundary
                      mini={true}
                    >
                      <ErrorBoundary
                        className="css-e4um1y-InlineErrorBoundary e83vi020"
                        mini={true}
                      >
                        <ProjectBadge
                          avatarSize={18}
                          className="css-1gy4gs4-StyledIdBadge e1o95it05"
                          displayName={
                            <span>
                              project-slug
                            </span>
                          }
                          hideAvatar={false}
                          hideOverflow={true}
                          project={
                            Object {
                              "environments": Array [],
                              "hasAccess": true,
                              "id": "2",
                              "isBookmarked": false,
                              "isMember": true,
                              "name": "Project Name",
                              "platform": "javascript",
                              "slug": "project-slug",
                              "stats": Array [
                                Array [
                                  1525042800,
                                  1,
                                ],
                                Array [
                                  1525046400,
                                  2,
                                ],
                              ],
                              "teams": Array [],
                            }
                          }
                        >
                          <BaseBadge
                            avatarProps={Object {}}
                            avatarSize={18}
                            className="css-1gy4gs4-StyledIdBadge e1o95it05"
                            displayName={
                              <span>
                                project-slug
                              </span>
                            }
                            hideAvatar={false}
                            project={
                              Object {
                                "environments": Array [],
                                "hasAccess": true,
                                "id": "2",
                                "isBookmarked": false,
                                "isMember": true,
                                "name": "Project Name",
                                "platform": "javascript",
                                "slug": "project-slug",
                                "stats": Array [
                                  Array [
                                    1525042800,
                                    1,
                                  ],
                                  Array [
                                    1525046400,
                                    2,
                                  ],
                                ],
                                "teams": Array [],
                              }
                            }
                          >
                            <Flex
                              align="center"
                              className="css-1gy4gs4-StyledIdBadge e1o95it05"
                            >
                              <Base
                                align="center"
                                className="e1o95it05 css-v2wlq8-StyledIdBadge"
                              >
                                <div
                                  className="e1o95it05 css-v2wlq8-StyledIdBadge"
                                  is={null}
                                >
                                  <StyledAvatar
                                    className="css-0"
                                    hasTooltip={false}
                                    project={
                                      Object {
                                        "environments": Array [],
                                        "hasAccess": true,
                                        "id": "2",
                                        "isBookmarked": false,
                                        "isMember": true,
                                        "name": "Project Name",
                                        "platform": "javascript",
                                        "slug": "project-slug",
                                        "stats": Array [
                                          Array [
                                            1525042800,
                                            1,
                                          ],
                                          Array [
                                            1525046400,
                                            2,
                                          ],
                                        ],
                                        "teams": Array [],
                                      }
                                    }
                                    size={18}
                                  >
                                    <Avatar
                                      className="css-robds0-StyledAvatar e165dl3i0"
                                      hasTooltip={false}
                                      project={
                                        Object {
                                          "environments": Array [],
                                          "hasAccess": true,
                                          "id": "2",
                                          "isBookmarked": false,
                                          "isMember": true,
                                          "name": "Project Name",
                                          "platform": "javascript",
                                          "slug": "project-slug",
                                          "stats": Array [
                                            Array [
                                              1525042800,
                                              1,
                                            ],
                                            Array [
                                              1525046400,
                                              2,
                                            ],
                                          ],
                                          "teams": Array [],
                                        }
                                      }
                                      size={18}
                                    >
                                      <ProjectAvatar
                                        className="css-robds0-StyledAvatar e165dl3i0"
                                        hasTooltip={false}
                                        project={
                                          Object {
                                            "environments": Array [],
                                            "hasAccess": true,
                                            "id": "2",
                                            "isBookmarked": false,
                                            "isMember": true,
                                            "name": "Project Name",
                                            "platform": "javascript",
                                            "slug": "project-slug",
                                            "stats": Array [
                                              Array [
                                                1525042800,
                                                1,
                                              ],
                                              Array [
                                                1525046400,
                                                2,
                                              ],
                                            ],
                                            "teams": Array [],
                                          }
                                        }
                                        size={18}
                                      >
                                        <PlatformList
                                          className="css-robds0-StyledAvatar e165dl3i0"
                                          consistentWidth={false}
                                          direction="right"
                                          hasTooltip={false}
                                          max={1}
                                          platforms={
                                            Array [
                                              "javascript",
                                            ]
                                          }
                                          size={18}
                                        >
                                          <PlatformIcons
                                            className="css-robds0-StyledAvatar e165dl3i0"
                                            consistentWidth={false}
                                            direction="right"
                                            max={1}
                                            size={18}
                                          >
                                            <div
                                              className="e165dl3i0 css-1cou1l3-PlatformIcons-StyledAvatar ezvce7z0"
                                              direction="right"
                                              max={1}
                                              size={18}
                                            >
                                              <StyledPlatformIcon
                                                key="javascript"
                                                platform="javascript"
                                                size={18}
                                              >
                                                <Component
                                                  className="css-13qi1e0-StyledPlatformIcon ezvce7z1"
                                                  platform="javascript"
                                                  size={18}
                                                >
                                                  <Platformicon
                                                    className="css-13qi1e0-StyledPlatformIcon ezvce7z1"
                                                    platform="javascript"
                                                    size="18px"
                                                  >
                                                    <img
                                                      className="css-13qi1e0-StyledPlatformIcon ezvce7z1"
                                                      height="18px"
                                                      src={
                                                        Object {
                                                          "default": Object {
                                                            "id": "test",
                                                            "viewBox": Object {},
                                                          },
                                                        }
                                                      }
                                                      width="18px"
                                                    />
                                                  </Platformicon>
                                                </Component>
                                              </StyledPlatformIcon>
                                            </div>
                                          </PlatformIcons>
                                        </PlatformList>
                                      </ProjectAvatar>
                                    </Avatar>
                                  </StyledAvatar>
                                  <DisplayNameAndDescription>
                                    <Base
                                      className="css-1h9j57p-DisplayNameAndDescription e165dl3i1"
                                    >
                                      <div
                                        className="css-1h9j57p-DisplayNameAndDescription e165dl3i1"
                                        is={null}
                                      >
                                        <DisplayName
                                          data-test-id="badge-display-name"
                                        >
                                          <span
                                            className="css-d0rtl9-DisplayName e165dl3i2"
                                            data-test-id="badge-display-name"
                                          >
                                            <span>
                                              project-slug
                                            </span>
                                          </span>
                                        </DisplayName>
                                      </div>
                                    </Base>
                                  </DisplayNameAndDescription>
                                </div>
                              </Base>
                            </Flex>
                          </BaseBadge>
                        </ProjectBadge>
                      </ErrorBoundary>
                    </InlineErrorBoundary>
                  </IdBadge>
                </StyledIdBadge>
                <withApi(BookmarkStar)
                  organization={
                    Object {
                      "access": Array [
                        "org:read",
                        "org:write",
                        "org:admin",
                        "org:integrations",
                        "project:read",
                        "project:write",
                        "project:admin",
                        "team:read",
                        "team:write",
                        "team:admin",
                      ],
                      "features": Array [],
                      "id": "3",
                      "name": "Organization Name",
                      "onboardingTasks": Array [],
                      "projects": Array [],
                      "scrapeJavaScript": true,
                      "slug": "org-slug",
                      "status": Object {
                        "id": "active",
                        "name": "active",
                      },
                      "teams": Array [],
                    }
                  }
                  project={
                    Object {
                      "environments": Array [],
                      "hasAccess": true,
                      "id": "2",
                      "isBookmarked": false,
                      "isMember": true,
                      "name": "Project Name",
                      "platform": "javascript",
                      "slug": "project-slug",
                      "stats": Array [
                        Array [
                          1525042800,
                          1,
                        ],
                        Array [
                          1525046400,
                          2,
                        ],
                      ],
                      "teams": Array [],
                    }
                  }
                >
                  <BookmarkStar
                    api={
                      Client {
                        "_chain": [Function],
                        "_wrapRequest": [Function],
                        "bulkUpdate": [Function],
                        "handleRequestError": [Function],
                        "hasProjectBeenRenamed": [Function],
                      }
                    }
                    organization={
                      Object {
                        "access": Array [
                          "org:read",
                          "org:write",
                          "org:admin",
                          "org:integrations",
                          "project:read",
                          "project:write",
                          "project:admin",
                          "team:read",
                          "team:write",
                          "team:admin",
                        ],
                        "features": Array [],
                        "id": "3",
                        "name": "Organization Name",
                        "onboardingTasks": Array [],
                        "projects": Array [],
                        "scrapeJavaScript": true,
                        "slug": "org-slug",
                        "status": Object {
                          "id": "active",
                          "name": "active",
                        },
                        "teams": Array [],
                      }
                    }
                    project={
                      Object {
                        "environments": Array [],
                        "hasAccess": true,
                        "id": "2",
                        "isBookmarked": false,
                        "isMember": true,
                        "name": "Project Name",
                        "platform": "javascript",
                        "slug": "project-slug",
                        "stats": Array [
                          Array [
                            1525042800,
                            1,
                          ],
                          Array [
                            1525046400,
                            2,
                          ],
                        ],
                        "teams": Array [],
                      }
                    }
                  >
                    <Star
                      isBookmarked={false}
                      onClick={[Function]}
                      src="icon-star-small-filled"
                    >
                      <ForwardRef
                        className="css-1lg61nd-InlineSvg-Star e5ekdrk0"
                        isBookmarked={false}
                        onClick={[Function]}
                        src="icon-star-small-filled"
                      >
                        <svg
                          className="css-1lg61nd-InlineSvg-Star e5ekdrk0"
                          height="1em"
                          onClick={[Function]}
                          viewBox={Object {}}
                          width="1em"
                        >
                          <use
                            href="#test"
                            xlinkHref="#test"
                          />
                        </svg>
                      </ForwardRef>
                    </Star>
                  </BookmarkStar>
                </withApi(BookmarkStar)>
              </div>
            </StyledProjectCardHeader>
            <ChartContainer>
              <div
                className="css-1s8o1vf-ChartContainer e1o95it00"
              >
                <Chart
                  noEvents={true}
                  stats={
                    Array [
                      Array [
                        1525042800,
                        1,
                      ],
                      Array [
                        1525046400,
                        2,
                      ],
                    ]
                  }
                >
                  <div>
                    <StyledBarChart
                      gap={1.5}
                      height={60}
                      label="events"
                      points={
                        Array [
                          Object {
                            "x": 1525042800,
                            "y": 1,
                          },
                          Object {
                            "x": 1525046400,
                            "y": 2,
                          },
                        ]
                      }
                    >
                      <BarChart
                        className="css-h6aoq0-StyledBarChart e1aigaye0"
                        gap={1.5}
                        height={60}
                        label="events"
                        points={
                          Array [
                            Object {
                              "x": 1525042800,
                              "y": 1,
                            },
                            Object {
                              "x": 1525046400,
                              "y": 2,
                            },
                          ]
                        }
                      >
                        <StackedBarChart
                          barClasses={
                            Array [
                              "chart-bar",
                            ]
                          }
                          className="css-h6aoq0-StyledBarChart e1aigaye0"
                          gap={1.5}
                          height={60}
                          label="events"
                          markers={Array []}
                          points={
                            Array [
                              Object {
                                "x": 1525042800,
                                "y": Array [
                                  1,
                                ],
                              },
                              Object {
                                "x": 1525046400,
                                "y": Array [
                                  2,
                                ],
                              },
                            ]
                          }
                          series={Array []}
                          width={null}
                        >
                          <StyledFigure
                            className="css-h6aoq0-StyledBarChart e1aigaye0 barchart"
                            style={
                              Object {
                                "height": 60,
                                "width": null,
                              }
                            }
                          >
                            <figure
                              className="e1aigaye0 barchart css-caakmb-StyledFigure-StyledBarChart e5t71581"
                              style={
                                Object {
                                  "height": 60,
                                  "width": null,
                                }
                              }
                            >
                              <span
                                className="max-y"
                              >
                                <Count
                                  value={10}
                                >
                                  <span>
                                    10
                                  </span>
                                </Count>
                              </span>
                              <span
                                className="min-y"
                              >
                                0
                              </span>
                              <SvgContainer>
                                <div
                                  className="css-1jg1opr-SvgContainer e5t71582"
                                >
                                  <StyledSvg
                                    overflow="visible"
                                    preserveAspectRatio="none"
                                    viewBox="0 0 100 400"
                                  >
                                    <svg
                                      className="css-e6bn68-StyledSvg e5t71580"
                                      overflow="visible"
                                      preserveAspectRatio="none"
                                      viewBox="0 0 100 400"
                                    >
                                      <Tooltip
                                        containerDisplayMode="inline-block"
                                        key="1525042800"
                                        position="bottom"
                                        title={
                                          <React.Fragment>
                                            <div
                                              style={
                                                Object {
                                                  "width": "130px",
                                                }
                                              }
                                            >
                                              <div
                                                className="time-label"
                                              >
                                                <span>
                                                  April 29, 2018
                                                  <br />
                                                  11:00 PM
                                                  →
                                                  11:59 PM
                                                </span>
                                              </div>
                                            </div>
                                            <div
                                              className="value-label"
                                            >
                                              1
                                               
                                              events
                                            </div>
                                          </React.Fragment>
                                        }
                                      >
                                        <Manager>
                                          <Reference>
                                            <InnerReference
                                              setReferenceNode={[Function]}
                                            >
                                              <g
                                                aria-describedby="tooltip-123456"
                                                onBlur={[Function]}
                                                onFocus={[Function]}
                                                onMouseEnter={[Function]}
                                                onMouseLeave={[Function]}
                                              >
                                                <rect
                                                  height="100%"
                                                  opacity="0"
                                                  width="52.3%"
                                                  x="-1.5%"
                                                />
                                                <rect
                                                  className="chart-bar barchart-rect"
                                                  data-test-id="chart-column"
                                                  height="9.9%"
                                                  key="0"
                                                  width="49.3%"
                                                  x="0%"
                                                  y="90.1%"
                                                >
                                                  1
                                                </rect>
                                              </g>
                                            </InnerReference>
                                          </Reference>
                                        </Manager>
                                      </Tooltip>
                                      <Tooltip
                                        containerDisplayMode="inline-block"
                                        key="1525046400"
                                        position="bottom"
                                        title={
                                          <React.Fragment>
                                            <div
                                              style={
                                                Object {
                                                  "width": "130px",
                                                }
                                              }
                                            >
                                              <div
                                                className="time-label"
                                              >
                                                <span>
                                                  April 30, 2018
                                                  <br />
                                                  12:00 AM
                                                  →
                                                  12:59 AM
                                                </span>
                                              </div>
                                            </div>
                                            <div
                                              className="value-label"
                                            >
                                              2
                                               
                                              events
                                            </div>
                                          </React.Fragment>
                                        }
                                      >
                                        <Manager>
                                          <Reference>
                                            <InnerReference
                                              setReferenceNode={[Function]}
                                            >
                                              <g
                                                aria-describedby="tooltip-123456"
                                                onBlur={[Function]}
                                                onFocus={[Function]}
                                                onMouseEnter={[Function]}
                                                onMouseLeave={[Function]}
                                              >
                                                <rect
                                                  height="100%"
                                                  opacity="0"
                                                  width="52.3%"
                                                  x="49.3%"
                                                />
                                                <rect
                                                  className="chart-bar barchart-rect"
                                                  data-test-id="chart-column"
                                                  height="19.8%"
                                                  key="0"
                                                  width="49.3%"
                                                  x="50.8%"
                                                  y="80.2%"
                                                >
                                                  2
                                                </rect>
                                              </g>
                                            </InnerReference>
                                          </Reference>
                                        </Manager>
                                      </Tooltip>
                                    </svg>
                                  </StyledSvg>
                                </div>
                              </SvgContainer>
                            </figure>
                          </StyledFigure>
                        </StackedBarChart>
                      </BarChart>
                    </StyledBarChart>
                  </div>
                </Chart>
                <NoEvents>
                  <Container>
                    <div
                      className="css-1m9okvh-Container e1acggzn0"
                    >
                      <EmptyText
                        align="center"
                        justify="center"
                      >
                        <Base
                          align="center"
                          className="css-k1bbsy-EmptyText e1acggzn1"
                          justify="center"
                        >
                          <div
                            className="css-k1bbsy-EmptyText e1acggzn1"
                            is={null}
                          >
                            No activity yet.
                          </div>
                        </Base>
                      </EmptyText>
                    </div>
                  </Container>
                </NoEvents>
              </div>
            </ChartContainer>
            <Deploys
              organization={
                Object {
                  "access": Array [
                    "org:read",
                    "org:write",
                    "org:admin",
                    "org:integrations",
                    "project:read",
                    "project:write",
                    "project:admin",
                    "team:read",
                    "team:write",
                    "team:admin",
                  ],
                  "features": Array [],
                  "id": "3",
                  "name": "Organization Name",
                  "onboardingTasks": Array [],
                  "projects": Array [],
                  "scrapeJavaScript": true,
                  "slug": "org-slug",
                  "status": Object {
                    "id": "active",
                    "name": "active",
                  },
                  "teams": Array [],
                }
              }
              project={
                Object {
                  "environments": Array [],
                  "hasAccess": true,
                  "id": "2",
                  "isBookmarked": false,
                  "isMember": true,
                  "name": "Project Name",
                  "platform": "javascript",
                  "slug": "project-slug",
                  "stats": Array [
                    Array [
                      1525042800,
                      1,
                    ],
                    Array [
                      1525046400,
                      2,
                    ],
                  ],
                  "teams": Array [],
                }
              }
            >
              <NoDeploys>
                <DeployBox
                  p={2}
                >
                  <Base
                    className="css-1y6xtyw-DeployBox elff1ar5"
                    p={2}
                  >
                    <div
                      className="css-1y6xtyw-DeployBox elff1ar5"
                      is={null}
                    >
                      <Background
                        align="center"
                        justify="center"
                      >
                        <Base
                          align="center"
                          className="css-itelel-Background elff1ar6"
                          justify="center"
                        >
                          <div
                            className="css-itelel-Background elff1ar6"
                            is={null}
                          >
                            <Button
                              align="center"
                              disabled={false}
                              external={true}
                              href="https://docs.sentry.io/learn/releases/"
                              size="xsmall"
                            >
                              <StyledButton
                                aria-disabled={false}
                                aria-label="Track deploys"
                                disabled={false}
                                external={true}
                                href="https://docs.sentry.io/learn/releases/"
                                onClick={[Function]}
                                role="button"
                                size="xsmall"
                              >
                                <ForwardRef
                                  aria-disabled={false}
                                  aria-label="Track deploys"
                                  className="css-z6hjis-StyledButton-getColors edwq9my0"
                                  disabled={false}
                                  external={true}
                                  href="https://docs.sentry.io/learn/releases/"
                                  onClick={[Function]}
                                  role="button"
                                  size="xsmall"
                                >
                                  <ForwardRef
                                    aria-disabled={false}
                                    aria-label="Track deploys"
                                    className="css-z6hjis-StyledButton-getColors edwq9my0"
                                    href="https://docs.sentry.io/learn/releases/"
                                    onClick={[Function]}
                                    rel="noreferrer noopener"
                                    role="button"
                                    size="xsmall"
                                    target="_blank"
                                  >
                                    <a
                                      aria-disabled={false}
                                      aria-label="Track deploys"
                                      className="css-z6hjis-StyledButton-getColors edwq9my0"
                                      href="https://docs.sentry.io/learn/releases/"
                                      onClick={[Function]}
                                      rel="noreferrer noopener"
                                      role="button"
                                      size="xsmall"
                                      target="_blank"
                                    >
                                      <ButtonLabel
                                        align="center"
                                        size="xsmall"
                                      >
                                        <Component
                                          align="center"
                                          className="css-1bqncjo-ButtonLabel edwq9my1"
                                          size="xsmall"
                                        >
                                          <span
                                            className="css-1bqncjo-ButtonLabel edwq9my1"
                                          >
                                            Track deploys
                                          </span>
                                        </Component>
                                      </ButtonLabel>
                                    </a>
                                  </ForwardRef>
                                </ForwardRef>
                              </StyledButton>
                            </Button>
                          </div>
                        </Base>
                      </Background>
                    </div>
                  </Base>
                </DeployBox>
              </NoDeploys>
            </Deploys>
          </div>
        </StyledProjectCard>
      </div>
    </Base>
  </ProjectCardWrapper>
</ProjectCard>
`;