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

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

/**
 * Passbolt ~ Open source password manager for teams
 * Copyright (c) 2022 Passbolt SA (https://www.passbolt.com)
 *
 * Licensed under GNU Affero General Public License version 3 of the or any later version.
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) 2022 Passbolt SA (https://www.passbolt.com)
 * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
 * @link          https://www.passbolt.com Passbolt(tm)
 * @since         3.7.0
 */

import React from "react";
import {MemoryRouter} from "react-router-dom";
import DisplayResourcesWorkspace from "./DisplayResourcesWorkspace";
import ManageContextualMenu from "../../Common/ContextualMenu/ManageContextualMenu";
import ManageDialogs from "../../Common/Dialog/ManageDialogs/ManageDialogs";
import ResourceWorkspaceContextProvider from "../../../contexts/ResourceWorkspaceContext";
import ResourcePasswordGeneratorContextProvider from "../../../contexts/ResourcePasswordGeneratorContext";
import DragContextProvider from "../../../contexts/DragContext";
import ContextualMenuContextProvider from "../../../contexts/ContextualMenuContext";
import ExtAppContextProvider from "../../../contexts/ExtAppContext";
import NavigationContextProvider from "../../../contexts/NavigationContext";
import DialogContextProvider from "../../../contexts/DialogContext";
import mockPort from "../../../../../demo/ext-app/mock/mockPort";
import mockStorage from "../../../../../demo/ext-app/mock/mockStorage";
import {siteSettingsCe} from "../../../test/fixture/Settings/siteSettings";
import DisplayMainMenu from "../../Common/Menu/DisplayMainMenu";
import Footer from "../../Common/Footer/Footer";

/**
 * DisplayResourcesWorkspace stories
 */
export default {
  title: 'Workspaces/Resource',
  component: DisplayResourcesWorkspace
};

const Template = ({...args}) =>
  <MemoryRouter initialEntries={['/app/passwords']}>
    <ExtAppContextProvider storage={args.storage} port={args.port}>
      <DialogContextProvider>
        <NavigationContextProvider>
          <ContextualMenuContextProvider>
            <ResourceWorkspaceContextProvider>
              <ResourcePasswordGeneratorContextProvider>
                <ManageContextualMenu/>
                <ManageDialogs/>
                <DragContextProvider>
                  <div id="container" className="page password">
                    <div id="app" className="app ready" tabIndex="1000">
                      <div className="header first">
                        <DisplayMainMenu/>
                      </div>
                      <DisplayResourcesWorkspace {...args}/>
                    </div>
                    <Footer/>
                  </div>
                </DragContextProvider>
              </ResourcePasswordGeneratorContextProvider>
            </ResourceWorkspaceContextProvider>
          </ContextualMenuContextProvider>
        </NavigationContextProvider>
      </DialogContextProvider>
    </ExtAppContextProvider>
  </MemoryRouter>;

const storage = new mockStorage();
const port = new mockPort(storage);

export const proVersion = Template.bind({});
proVersion.args = {
  port: port,
  storage: storage
};

const ceStorage = new mockStorage();
const cePort = new mockPort(ceStorage);
cePort.addRequestListener("passbolt.organization-settings.get", () => siteSettingsCe);
export const ceVersion = Template.bind({});
ceVersion.args = {
  port: cePort,
  storage: ceStorage
};