sonarqube/server/sonar-web/src/main/js/apps/projects/visualizations/__tests__/__snapshots__/Risk-test.tsx.snap

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

exports[`renders 1`] = `
<div>
  <BubbleChart
    displayXGrid={true}
    displayXTicks={true}
    displayYGrid={true}
    displayYTicks={true}
    formatXTick={[Function]}
    formatYTick={[Function]}
    height={600}
    items={
      Array [
        Object {
          "color": "#eabe06",
          "key": "foo",
          "link": Object {
            "pathname": "/dashboard",
            "query": Object {
              "branch": undefined,
              "id": "foo",
            },
          },
          "size": 1734,
          "tooltip": <div
            className="text-left"
          >
            <div
              className="little-spacer-bottom display-flex-center display-flex-space-between"
            >
              <strong>
                Foo
              </strong>
            </div>
            <div>
              metric.reliability_rating.name
              : 
              C
            </div>
            <div>
              metric.security_rating.name
              : 
              B
            </div>
            <div>
              metric.coverage.name
              : 
              53.5%
            </div>
            <div>
              metric.sqale_index.name
              : 
              work_duration.x_minutes.1
            </div>
            <div>
              metric.ncloc.name
              : 
              1.7short_number_suffix.k
            </div>
          </div>,
          "x": 1,
          "y": 53.5,
        },
        Object {
          "color": undefined,
          "key": "bar",
          "link": Object {
            "pathname": "/dashboard",
            "query": Object {
              "branch": undefined,
              "id": "bar",
            },
          },
          "size": 0,
          "tooltip": <div
            className="text-left"
          >
            <div
              className="little-spacer-bottom display-flex-center display-flex-space-between"
            >
              <strong>
                Bar
              </strong>
            </div>
            <div>
              metric.reliability_rating.name
              : 
              –
            </div>
            <div>
              metric.security_rating.name
              : 
              –
            </div>
            <div>
              metric.coverage.name
              : 
              –
            </div>
            <div>
              metric.sqale_index.name
              : 
              –
            </div>
            <div>
              metric.ncloc.name
              : 
              –
            </div>
          </div>,
          "x": 0,
          "y": 0,
        },
      ]
    }
    padding={
      Array [
        80,
        20,
        60,
        100,
      ]
    }
    sizeRange={
      Array [
        5,
        45,
      ]
    }
    yDomain={
      Array [
        100,
        0,
      ]
    }
  />
  <div
    className="measure-details-bubble-chart-axis x"
  >
    metric.sqale_index.name
  </div>
  <div
    className="measure-details-bubble-chart-axis y"
  >
    metric.coverage.name
  </div>
  <div
    className="measure-details-bubble-chart-axis size"
  >
    <span
      className="measure-details-bubble-chart-title"
    >
      <span
        className="text-middle"
      >
        projects.visualization.risk
      </span>
      <HelpTooltip
        className="spacer-left"
        overlay="foobar"
      />
    </span>
    <div>
      <span
        className="spacer-right"
      >
        component_measures.legend.color_x.projects.worse_of_reliablity_and_security
      </span>
      component_measures.legend.size_x.metric.ncloc.name
      <ColorRatingsLegend
        className="big-spacer-top"
        filters={Object {}}
        onRatingClick={[Function]}
      />
    </div>
  </div>
</div>
`;