src.stories.pages.layout.page.stories.ts Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of ui Show documentation
The newest version!
import { Meta, moduleMetadata, StoryObj } from '@storybook/angular';
import { ParentComponent } from '@core/components/parent/parent.component';
import { InfoService, LinkifierService, LoginService } from '@core/services';
import { Observable, of } from 'rxjs';
import { Authorization, Linkifier, User } from '@model';
import { TranslateModule } from '@ngx-translate/core';
import { TranslateTestingModule } from '../../app/testing/translate-testing.module';
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { ChutneyLeftMenuComponent } from '@shared/components/layout/left-menu/chutney-left-menu.component';
import { ChutneyMainHeaderComponent } from '@shared/components/layout/header/chutney-main-header.component';
import { RouterModule, Routes } from '@angular/router';
import { intersection } from '@shared/tools';

const mockLoginService = {
  hasAuthorization(
    authorization: Array | Authorization = [],
    u: User = null,
  ): boolean {
    return true;
  },
  isAuthenticated(): boolean {
    return true;
  },
  getUser(): Observable {
    return of(new User("user_id", "username", "firstname"));
  },
};

const mocklinkifierService = {
  loadLinkifiers(): Observable> {
    return of([]);
  },
};

const mockInfoService = {
  getVersion(): Observable {
    return of("fake.version");
  },
  getApplicationName(): Observable {
    return of("app-name");
  },
};

const routes: Routes = [
  {
    path: "",
    component: ParentComponent,
    children: [
      { path: "", component: ChutneyMainHeaderComponent, outlet: "header" },
      {
        path: "",
        component: ChutneyLeftMenuComponent,
        outlet: "left-side-bar",
      },
    ],
  },
];

export default {
  title: "Pages/Layout",
  component: ParentComponent,
  decorators: [
    moduleMetadata({
      imports: [
          RouterModule.forChild(routes), TranslateModule, TranslateTestingModule],
      providers: [
        { provide: LoginService, useValue: mockLoginService },
        { provide: LinkifierService, useValue: mocklinkifierService },
        { provide: InfoService, useValue: mockInfoService },
      ],
      schemas: [CUSTOM_ELEMENTS_SCHEMA]
    }),
  ],
} as Meta;

type Story = StoryObj;

export const Default: Story = {};

export const AdminAccess: Story = {
  decorators: [
    moduleMetadata({
      providers: [
        {
          provide: LoginService,
          useValue: {
            ...mockLoginService,
            hasAuthorization(
              authorization: Array | Authorization = [],
              u: User = null,
            ): boolean {
              return (
                !authorization.length ||
                intersection([Authorization.ADMIN_ACCESS], [...authorization])
                  .length > 0
              );
            },
          },
        },
      ],
    }),
  ],
};

export const UserAccess: Story = {
  decorators: [
    moduleMetadata({
      providers: [
        {
          provide: LoginService,
          useValue: {
            ...mockLoginService,
            hasAuthorization(
              authorization: Array | Authorization = [],
              u: User = null,
            ): boolean {
              return (
                !authorization.length ||
                intersection(
                  [
                    Authorization.CAMPAIGN_READ,
                    Authorization.GLOBAL_VAR_READ,
                    Authorization.SCENARIO_READ,
                  ],
                  [...authorization],
                ).length > 0
              );
            },
          },
        },
      ],
    }),
  ],
};