passbolt-styleguide/src/react-extension/components/Resource/DisplayResourcesList/DisplayResourcesList.test.stories.js

Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.

import DisplayResourcesList from "./DisplayResourcesList";
import React from "react";
import {MemoryRouter, Route} from "react-router-dom";
import {ResourceWorkspaceFilterTypes} from "../../../contexts/ResourceWorkspaceContext";
import AppContext from "../../../contexts/AppContext";
import MockPort from "../../../test/mock/MockPort";

export default {
  title: 'Components/Resource/DisplayResourcesList',
  component: DisplayResourcesList
};

const defaultContext = {
  siteSettings: {
    getServerTimezone: () => new Date().toLocaleString(),
    canIUse: () => true,
  },
  port: new MockPort()
};


const Template = args =>
  <AppContext.Provider value={defaultContext}>
    <MemoryRouter initialEntries={['/']}>
      <div className="page">
        <div className="panel">
          <Route component={routerProps => <DisplayResourcesList {...args} {...routerProps}/>}></Route>
        </div>
      </div>
    </MemoryRouter>
  </AppContext.Provider>;

export const Empty = Template.bind();
Empty.args = {
  resourceWorkspaceContext: {
    filteredResources: [],
    selectedResources: [],
    filter: {
      type: ResourceWorkspaceFilterTypes.ALL
    },
    sorter: {
      propertyName: 'asc'
    }
  }
};

export const Populated = Template.bind({});
Populated.args = {
  resourceWorkspaceContext: {
    filteredResources: [
      {
        "id": "8e3874ae-4b40-590b-968a-418f704b9d9a",
        "name": "apache",
        "username": "www-data",
        "uri": "http:\/\/www.apache.org\/",
        "description": "Apache is the world\u0027s most used web server software.",
        "deleted": false,
        "created": "2020-08-25T08:35:19+00:00",
        "modified": "2020-08-26T08:35:19+00:00",
        "created_by": "f848277c-5398-58f8-a82a-72397af2d450",
        "modified_by": "f848277c-5398-58f8-a82a-72397af2d450",
        "favorite": {
          "id": "56216dba-b6da-592b-87cb-fb5cbbd0a424",
          "user_id": "f848277c-5398-58f8-a82a-72397af2d450",
          "foreign_key": "8e3874ae-4b40-590b-968a-418f704b9d9a",
          "foreign_model": "Resource",
          "created": "2020-08-27T08:35:21+00:00",
          "modified": "2020-08-27T08:35:21+00:00"
        },
        "permission": {
          "id": "8dfd59a7-852d-5c57-bd45-75c28bbb3f6c",
          "aco": "Resource",
          "aco_foreign_key": "8e3874ae-4b40-590b-968a-418f704b9d9a",
          "aro": "User",
          "aro_foreign_key": "f848277c-5398-58f8-a82a-72397af2d450",
          "type": 15,
          "created": "2020-08-27T08:35:19+00:00",
          "modified": "2020-08-27T08:35:19+00:00"
        }
      },
      {
        "id": "8e3874ae-4b40-590b-968a-418f704b9d9b",
        "name": "apache",
        "username": "www-data",
        "uri": "http:\/\/www.apache.org\/",
        "description": "Apache is the world\u0027s most used web server software.",
        "deleted": false,
        "created": "2020-08-25T08:35:19+00:00",
        "modified": "2020-08-26T08:35:19+00:00",
        "created_by": "f848277c-5398-58f8-a82a-72397af2d450",
        "modified_by": "f848277c-5398-58f8-a82a-72397af2d450",
        "permission": {
          "id": "8dfd59a7-852d-5c57-bd45-75c28bbb3f6c",
          "aco": "Resource",
          "aco_foreign_key": "8e3874ae-4b40-590b-968a-418f704b9d9a",
          "aro": "User",
          "aro_foreign_key": "f848277c-5398-58f8-a82a-72397af2d450",
          "type": 15,
          "created": "2020-08-27T08:35:19+00:00",
          "modified": "2020-08-27T08:35:19+00:00"
        }
      },
      {
        "id": "8e3874ae-4b40-590b-968a-418f704b9d9c",
        "name": "apache",
        "username": "www-data",
        "uri": "http:\/\/www.apache.org\/",
        "description": "Apache is the world\u0027s most used web server software.",
        "deleted": false,
        "created": "2020-08-25T08:35:19+00:00",
        "modified": "2020-08-26T08:35:19+00:00",
        "created_by": "f848277c-5398-58f8-a82a-72397af2d450",
        "modified_by": "f848277c-5398-58f8-a82a-72397af2d450",
        "favorite": {
          "id": "56216dba-b6da-592b-87cb-fb5cbbd0a424",
          "user_id": "f848277c-5398-58f8-a82a-72397af2d450",
          "foreign_key": "8e3874ae-4b40-590b-968a-418f704b9d9a",
          "foreign_model": "Resource",
          "created": "2020-08-27T08:35:21+00:00",
          "modified": "2020-08-27T08:35:21+00:00"
        },
        "permission": {
          "id": "8dfd59a7-852d-5c57-bd45-75c28bbb3f6c",
          "aco": "Resource",
          "aco_foreign_key": "8e3874ae-4b40-590b-968a-418f704b9d9a",
          "aro": "User",
          "aro_foreign_key": "f848277c-5398-58f8-a82a-72397af2d450",
          "type": 15,
          "created": "2020-08-27T08:35:19+00:00",
          "modified": "2020-08-27T08:35:19+00:00"
        }
      },
      {
        "id": "8e3874ae-4b40-590b-968a-418f704b9d9d",
        "name": "apache",
        "username": "www-data",
        "uri": "http:\/\/www.apache.org\/",
        "description": "Apache is the world\u0027s most used web server software.",
        "deleted": false,
        "created": "2020-08-25T08:35:19+00:00",
        "modified": "2020-08-26T08:35:19+00:00",
        "created_by": "f848277c-5398-58f8-a82a-72397af2d450",
        "modified_by": "f848277c-5398-58f8-a82a-72397af2d450",
        "permission": {
          "id": "8dfd59a7-852d-5c57-bd45-75c28bbb3f6c",
          "aco": "Resource",
          "aco_foreign_key": "8e3874ae-4b40-590b-968a-418f704b9d9a",
          "aro": "User",
          "aro_foreign_key": "f848277c-5398-58f8-a82a-72397af2d450",
          "type": 15,
          "created": "2020-08-27T08:35:19+00:00",
          "modified": "2020-08-27T08:35:19+00:00"
        }
      }
    ],
    selectedResources: [
      {id: '8e3874ae-4b40-590b-968a-418f704b9d9a'},
      {id: '8e3874ae-4b40-590b-968a-418f704b9d9b'},
    ],
    filter: {
      type: ResourceWorkspaceFilterTypes.ALL
    },
    sorter: {
      propertyName: 'asc'
    },
    onResourceSelected: {
      multiple: () => {},
      single: () => {},
      all: () => {},
      none: () => {}
    },
    onGoToResourceUriRequested: () => {},
    onSorterChanged: () => {}
  }
};