Page.test.tsx.snap

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

exports[`Page snapshots default 1`] = `
.c0 {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: 100%;
  width: 100%;
}

.c2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  justify-content: space-between;
}

.c4 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.c8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.c14 {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  justify-content: space-between;
}

.c17 {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: 100%;
  width: 100%;
  justify-content: flex-start;
}

.c6 {
  font-family: 'proxima-nova',Helvetica,Arial,sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: none;
  font-style: normal;
  color: #1a1a1a;
}

.c12 svg {
  height: 24px;
  width: 24px;
}

.c12 svg path.path-fill,
.c12 svg line.path-fill,
.c12 svg polygon.path-fill,
.c12 svg rect.path-fill,
.c12 svg circle.path-fill,
.c12 svg polyline.path-fill {
  fill: !important;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.c12 svg path.stroke-fill,
.c12 svg line.stroke-fill,
.c12 svg polygon.stroke-fill,
.c12 svg rect.stroke-fill,
.c12 svg circle.stroke-fill,
.c12 svg polyline.stroke-fill {
  stroke: !important;
  transition: stroke 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.c12 svg rect.rect-height {
  height: 24px;
  width: 24px;
}

.c12.downward {
  transform: rotate(180deg);
}

.c12.upward {
  transform: initial;
}

.c12 .c5 {
  margin-left: 4px;
}

.c12 img {
  width: 24px;
}

.c11 {
  text-decoration: none;
}

.c7 {
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c9 .MuiSwitch-switchBase:hover {
  background-color: rgba(0, 179, 236, 0.1);
}

.c9 .MuiSwitch-thumb {
  color: #fff;
  background-image: url(data:image/svg+xml;base64,W29iamVjdCBPYmplY3Rd);
}

.c9 .MuiSwitch-track {
  background-color: #00b3ec;
}

.c10.MuiIconButton-root {
  padding: 8px;
  background-color: #C2C9D7;
  color: #737373;
}

.c10.MuiIconButton-root:hover {
  background-color: rgba(0, 179, 236, 0.1);
}

.c13 {
  height: 100%;
  width: calc(100% - 48px);
  padding: 0 24px;
  max-height: calc(100vh - 60px);
  overflow-wrap: normal;
  overflow-x: hidden;
  margin: 0px auto;
}

.c1 {
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
}

.c15 {
  background-color: #EEEEEE;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto;
  min-height: 100%;
}

.c18 {
  width: calc(100% - 48px);
  padding: 24px;
  height: 100%;
  overflow-x: hidden;
}

.c3 {
  height: 60px;
  min-width: 650px;
  z-index: 2;
  width: calc(100% - 64px);
  padding: 0 32px;
}

.c16 .MuiAlert-root {
  width: 100%;
}

<div>
  <div
    class="c0 c1"
  >
    <div
      class="c2 c3"
    >
      <div
        class="c4"
      >
        <div
          class="c4"
        >
          <span
            aria-label="test"
            class="c5 c6 c7 ellipsis"
            data-mui-internal-clone-element="true"
            data-testid="text-test"
          >
            test
          </span>
        </div>
      </div>
      <div
        class="c8 "
      >
        <span
          class="MuiSwitch-root MuiSwitch-sizeMedium c9 DarkModeSwitch css-rehya9-MuiSwitch-root"
        >
          <span
            class="MuiButtonBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary PrivateSwitchBase-root MuiSwitch-switchBase MuiSwitch-colorPrimary css-n2qy4p-MuiButtonBase-root-MuiSwitch-switchBase"
          >
            <input
              class="PrivateSwitchBase-input MuiSwitch-input css-j8yymo"
              type="checkbox"
            />
            <span
              class="MuiSwitch-thumb css-17jyosd-MuiSwitch-thumb"
            />
          </span>
          <span
            class="MuiSwitch-track css-tj8d99-MuiSwitch-track"
          />
        </span>
        <a
          aria-label="Docs"
          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium c10 c11 Link css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
          data-mui-internal-clone-element="true"
          href="https://docs.gitops.weaveworks.org/"
          id=":r2:"
          rel="noreferrer"
          tabindex="0"
          target="_blank"
        >
          <div
            class="c4 c12"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
              data-testid="FindInPageIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M20 19.59V8l-6-6H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c.45 0 .85-.15 1.19-.4l-4.43-4.43c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75zM9 13c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3"
              />
            </svg>
          </div>
        </a>
        <button
          aria-haspopup="true"
          aria-label="Account settings"
          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium c10 css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
          data-mui-internal-clone-element="true"
          id=":r4:"
          tabindex="0"
          type="button"
        >
          <div
            class="c4 c12"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
              data-testid="PersonIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
              />
            </svg>
          </div>
        </button>
      </div>
    </div>
    <div
      class="c13"
    >
      <div
        class="c14 c15 c16"
      >
        <div
          class="c17 c18"
        />
      </div>
    </div>
  </div>
</div>
`;