Update for vite and vitest.

Rename *.js to *.jsx and make sure tests are running again.
greenbone · May 13, 2024 · 62d27fd · 62d27fd
1 parent 13f9aa7
commit 62d27fd
Show file tree

Hide file tree

Showing 43 changed files with 1,227 additions and 2,815 deletions.
diff --git a/.eslintcache b/.eslintcache
diff --git a/src/web/components/bar/__tests__/__snapshots__/progressbar.jsx.snap b/src/web/components/bar/__tests__/__snapshots__/progressbar.jsx.snap
@@ -62,66 +62,3 @@ exports[`ProgressBar tests > should render 1`] = `
   />
 </div>
 `;
-
-exports[`ProgressBar tests should render 1`] = `
-.c0 {
-  height: 13px;
-  box-sizing: content-box;
-  display: inline-block;
-  width: 100px;
-  background: #4C4C4C;
-  vertical-align: middle;
-  text-align: center;
-}
-
-.c2 {
-  z-index: 1;
-  font-weight: bold;
-  color: #fff;
-  font-size: 9px;
-  margin: 0;
-  position: relative;
-  top: -13px;
-  padding-top: 1px;
-}
-
-.c1 {
-  height: 13px;
-  width: 10%;
-  background: #4f91c7;
-}
-
-@media print {
-  .c0 {
-    background: none;
-    border: 0;
-  }
-}
-
-@media print {
-  .c2 {
-    color: black;
-  }
-}
-
-@media print {
-  .c1 {
-    background: none;
-  }
-}
-
-<div
-  class="c0"
-  data-testid="progressbar-box"
-  title="Progress"
->
-  <div
-    background="low"
-    class="c1"
-    data-testid="progress"
-  />
-  <div
-    class="c2"
-  />
-</div>
-`;
diff --git a/src/web/components/bar/__tests__/__snapshots__/severitybar.jsx.snap b/src/web/components/bar/__tests__/__snapshots__/severitybar.jsx.snap
@@ -64,68 +64,3 @@ exports[`SeverityBar tests > should render 1`] = `
   </div>
 </div>
 `;
-
-exports[`SeverityBar tests should render 1`] = `
-.c0 {
-  height: 13px;
-  box-sizing: content-box;
-  display: inline-block;
-  width: 100px;
-  background: #4C4C4C;
-  vertical-align: middle;
-  text-align: center;
-}
-
-.c2 {
-  z-index: 1;
-  font-weight: bold;
-  color: #fff;
-  font-size: 9px;
-  margin: 0;
-  position: relative;
-  top: -13px;
-  padding-top: 1px;
-}
-
-.c1 {
-  height: 13px;
-  width: 95%;
-  background: #c83814;
-}
-
-@media print {
-  .c0 {
-    background: none;
-    border: 0;
-  }
-}
-
-@media print {
-  .c2 {
-    color: black;
-  }
-}
-
-@media print {
-  .c1 {
-    background: none;
-  }
-}
-
-<div
-  class="c0"
-  data-testid="progressbar-box"
-  title="High"
->
-  <div
-    background="error"
-    class="c1"
-    data-testid="progress"
-  />
-  <div
-    class="c2"
-  >
-    9.5 (High)
-  </div>
-</div>
-`;
diff --git a/src/web/components/bar/__tests__/__snapshots__/statusbar.jsx.snap b/src/web/components/bar/__tests__/__snapshots__/statusbar.jsx.snap
@@ -70,74 +70,3 @@ exports[`StatusBar tests > should render 1`] = `
   </div>
 </div>
 `;
-
-exports[`StatusBar tests should render 1`] = `
-.c0 {
-  height: 13px;
-  box-sizing: content-box;
-  display: inline-block;
-  width: 100px;
-  background: #4C4C4C;
-  vertical-align: middle;
-  text-align: center;
-}
-
-.c2 {
-  z-index: 1;
-  font-weight: bold;
-  color: #fff;
-  font-size: 9px;
-  margin: 0;
-  position: relative;
-  top: -13px;
-  padding-top: 1px;
-}
-
-.c1 {
-  height: 13px;
-  width: 100%;
-}
-
-.c3 {
-  white-space: nowrap;
-}
-
-@media print {
-  .c0 {
-    background: none;
-    border: 0;
-  }
-}
-
-@media print {
-  .c2 {
-    color: black;
-  }
-}
-
-@media print {
-  .c1 {
-    background: none;
-  }
-}
-
-<div
-  class="c0"
-  data-testid="progressbar-box"
-  title="undefined"
->
-  <div
-    class="c1"
-    data-testid="progress"
-  />
-  <div
-    class="c2"
-  >
-    <span
-      class="c3"
-    >
-      undefined
-    </span>
-  </div>
-</div>
-`;
diff --git a/src/web/components/bar/compliancebar.js → src/web/components/bar/compliancebar.jsx b/src/web/components/bar/compliancebar.js → src/web/components/bar/compliancebar.jsx
diff --git a/src/web/components/form/__tests__/__snapshots__/multiselect.jsx.snap b/src/web/components/form/__tests__/__snapshots__/multiselect.jsx.snap
@@ -177,181 +177,3 @@ exports[`MultiSelect component tests > should render 1`] = `
   </div>
 </div>
 `;
-
-exports[`MultiSelect component tests should render 1`] = `
-.c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: start;
-  justify-content: start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c5 {
-  background-color: transparent;
-  border: none;
-  cursor: pointer;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  outline: none;
-  margin: 1px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: not-allowed;
-}
-
-.c6 {
-  height: 16px;
-  width: 16px;
-  line-height: 16px;
-}
-
-.c6 * {
-  height: inherit;
-  width: inherit;
-}
-
-.c2 {
-  border: 1px solid #bfbfbf;
-  border-radius: 2px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  padding: 1px 5px;
-  background-color: #fff;
-  color: #000;
-  font-weight: normal;
-  background-color: #f3f3f3;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  width: 250px;
-}
-
-.c7 {
-  color: #c12c30;
-  font-weight: bold;
-  font-size: 19px;
-  padding-bottom: 1px;
-  padding-left: 4px;
-  display: none;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-<div
-  aria-expanded="false"
-  aria-haspopup="listbox"
-  aria-labelledby="downshift-0-label"
-  class="c0"
-  role="combobox"
->
-  <div
-    class="c1"
-    width="250px"
-  >
-    <div
-      class="c2"
-      disabled=""
-    >
-      <div
-        class="c3"
-      />
-      <div
-        class="c4"
-      >
-        <span
-          aria-haspopup="true"
-          aria-label="open menu"
-          class="c5 c6"
-          data-toggle="true"
-          disabled=""
-          role="button"
-          type="button"
-        >
-          ▼
-        </span>
-      </div>
-    </div>
-  </div>
-  <div
-    class="c7"
-    data-testid="error-marker"
-  >
-    ×
-  </div>
-</div>
-`;