Linting & Update tests

packages/web-app-files/src/components/ActionMenuItem.vue

@@ -6,8 +6,8 @@
  :class="[action.class, 'action-menu-item']"
  data-testid="action-handler"
  appearance="raw"
- v-on="getComponentListeners(action, items)"
  size="small"
+ v-on="getComponentListeners(action, items)"
  >
  <oc-img
  v-if="action.img"
@@ -113,7 +113,7 @@ export default {
  &:hover {
  color: var(--oc-color-swatch-brand-hover);
  text-decoration: underline;
- .oc-icon>svg {
+ .oc-icon > svg {
  fill: var(--oc-color-swatch-brand-hover) !important;
  }
  }

packages/web-app-files/src/components/AppBar/AppBar.vue

@@ -32,7 +32,7 @@
  <div
  v-if="showActions || selectedFiles.length > 0 || hasBulkActions"
  class="oc-flex-1 oc-flex oc-flex-start"
- style="gap: 15px;"
+ style="gap: 15px"
  >
  <create-and-upload
  v-if="showActions && areDefaultActionsVisible"
@@ -44,8 +44,12 @@
  @error="onFileError"
  @progress="onFileProgress"
  />
- <size-info v-if="hasBulkActions && selectedFiles.length > 0" class="oc-mr-m oc-visible@l" style=" padding-bottom: calc(1rem + 1px);" />
- <batch-actions v-if="hasBulkActions" style="padding-bottom: calc(1rem + 1px);" />
+ <size-info
+ v-if="hasBulkActions && selectedFiles.length > 0"
+ class="oc-mr-m oc-visible@l"
+ style="padding-bottom: calc(1rem + 1px)"
+ />
+ <batch-actions v-if="hasBulkActions" style="padding-bottom: calc(1rem + 1px)" />
  </div>
  </div>
  </div>

packages/web-app-files/tests/unit/views/__snapshots__/PublicFiles.spec.ts.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`PublicFiles view when the view is not loading anymore when length of the paginated resources is greater than zero should load the resource table with the correct props 1`] = `<resource-table-stub resources="[object Object],[object Object],[object Object]" resourcedomselector="[Function]" selection="" hasactions="true" targetroute="[object Object]" areresourcesclickable="true" headerposition="0" isselectable="true" paddingx="small" sortdir="desc" id="files-public-files-table" class="files-table files-table-squashed"></resource-table-stub>`;
+exports[`PublicFiles view when the view is not loading anymore when length of the paginated resources is greater than zero should load the resource table with the correct props 1`] = `<resource-table-stub resources="[object Object],[object Object],[object Object]" resourcedomselector="[Function]" selection="" hasactions="true" targetroute="[object Object]" areresourcesclickable="true" headerposition="0" isselectable="true" paddingx="small" hover="true" sortdir="desc" id="files-public-files-table" class="files-table files-table-squashed"></resource-table-stub>`;

packages/web-app-files/tests/unit/views/__snapshots__/Trashbin.spec.js.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Trashbin View when the view is not loading anymore when length of the paginated resources is greater than zero should load the resource table with correct props 1`] = `
-<table class="files-table oc-table oc-table-sticky files-table-squashed" id="files-trashbin-table">
+<table class="files-table oc-table oc-table-hover oc-table-sticky files-table-squashed" id="files-trashbin-table">
  <thead class="oc-thead">
  <tr tabindex="-1" class="oc-table-header-row">
  <th class="oc-th oc-table-cell oc-table-cell-align-left oc-table-cell-align-middle oc-table-cell-width-shrink oc-text-nowrap oc-table-header-cell oc-table-header-cell-select oc-pl-m " style="top: 0px;"><span class="oc-table-thead-content"><div class="resource-table-select-all"><span><input id="resource-table-select-all" type="checkbox" name="checkbox" class="oc-checkbox oc-rounded oc-checkbox-l" value=""> <label for="resource-table-select-all" class="oc-invisible-sr oc-cursor-pointer">Select all resources</label></span></div></span>

packages/web-app-files/tests/unit/views/shares/__snapshots__/SharedWithOthers.spec.js.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SharedWithOthers when the wrapper is not loading anymore when length of paginated resources is greater than zero should load the resource table with correct props 1`] = `
-<table class="files-table oc-table oc-table-sticky files-table-squashed" id="files-shared-with-others-table">
+<table class="files-table oc-table oc-table-hover oc-table-sticky files-table-squashed" id="files-shared-with-others-table">
  <thead class="oc-thead">
  <tr tabindex="-1" class="oc-table-header-row">
  <th class="oc-th oc-table-cell oc-table-cell-align-left oc-table-cell-align-middle oc-table-cell-width-shrink oc-text-nowrap oc-table-header-cell oc-table-header-cell-select oc-pl-m " style="top: 0px;"><span class="oc-table-thead-content"><div class="resource-table-select-all"><oc-checkbox-stub id="resource-table-select-all" label="Select all resources" hidelabel="true" size="large"></oc-checkbox-stub></div></span>

packages/web-runtime/tests/unit/components/Topbar/__snapshots__/ApplicationsMenu.spec.js.snap

@@ -2,18 +2,18 @@
 
 exports[`ApplicationsMenu component should render navigation with button and menu items in dropdown 1`] = `
 <nav id="applications-menu" aria-label="Main navigation" class="oc-flex oc-flex-middle">
- <oc-button-stub id="_appSwitcherButton" appearance="raw" variation="inverse" aria-label="Application Switcher" class="oc-topbar-menu-burger">
- <oc-icon-stub name="grid" size="large" class="oc-flex"></oc-icon-stub>
+ <oc-button-stub type="button" size="medium" arialabel="Application Switcher" submit="button" variation="inverse" appearance="raw" justifycontent="center" gapsize="medium" id="_appSwitcherButton" class="oc-topbar-menu-burger">
+ <oc-icon-stub name="grid" filltype="fill" accessiblelabel="" type="span" size="large" variation="passive" color="" class="oc-flex"></oc-icon-stub>
  </oc-button-stub>
- <oc-drop-stub drop-id="app-switcher-dropdown" toggle="#_appSwitcherButton" mode="click" padding-size="small" close-on-click="">
+ <oc-drop-stub dropid="app-switcher-dropdown" toggle="#_appSwitcherButton" position="bottom-start" mode="click" closeonclick="true" paddingsize="small">
  <oc-list-stub class="applications-list">
  <li>
- <oc-button-stub type="router-link" to="/files" appearance="raw" variation="passive" class=""><span class="icon-box"><oc-icon-stub name="folder"></oc-icon-stub></span> <span>Files</span>
+ <oc-button-stub type="router-link" size="medium" to="/files" submit="button" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" class=""><span class="icon-box"><oc-icon-stub name="folder" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub></span> <span>Files</span>
  <!---->
  </oc-button-stub>
  </li>
  <li>
- <oc-button-stub type="a" target="_blank" href="http://some.org" appearance="raw" variation="passive" class=""><span class="icon-box"><oc-icon-stub name="some-icon"></oc-icon-stub></span> <span>External</span>
+ <oc-button-stub type="a" size="medium" href="http://some.org" submit="button" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" target="_blank" class=""><span class="icon-box"><oc-icon-stub name="some-icon" filltype="fill" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub></span> <span>External</span>
  <!---->
  </oc-button-stub>
  </li>