[AAE-10252] Storybook Update existing Stories to adhere to conventions (#7780)

* [AAE-10252] Storybook Update existing Stories to adhere to conventions

* Added expaned controls globally

* About Module, Comments Module

* Icon Module, Language Menu Module

* Social Module

* Naming of single stories

* process-services-cloud Modules

* Added descriptions and categories for actions

* Fixed and cleaned error-content stories

* Updated playwright tests to navigate properly

* Template Module

* Toolbar Module

* fixed Like component controls

* content projection showcase

e2e-playwright/page-object/index.ts

@@ -7,4 +7,4 @@
  */
 
 export * from './components';
-export * from './stories/base.storie';
+export * from './stories/base.stories';

e2e-playwright/page-object/stories/base.storie.ts

@@ -1,30 +0,0 @@
-/*
- * Copyright © 2005 - 2021 Alfresco Software, Ltd. All rights reserved.
- *
- * License rights for this program may be obtained from Alfresco Software, Ltd.
- * pursuant to a written agreement and any use of this program without such an
- * agreement is prohibited.
- */
-
-import { Page } from '@playwright/test';
-import { timeouts } from '../../utils/timeouts';
-import { ComponentTitles } from '../../models/component-titles.model';
-import { PlaywrightBase } from '../playwright-base';
-
-interface NavigateParameters { componentName: string; story: string };
-
-export class BaseStories extends PlaywrightBase {
-    private rootComponentTitle: string;
-
-    constructor(page: Page, rootComponentTitle: ComponentTitles) {
-        super(page);
-        this.rootComponentTitle = rootComponentTitle;
-    }
-
-    async navigateTo({ componentName, story }: NavigateParameters): Promise<void> {
-        await this.page.goto(`/iframe.html?id=${this.rootComponentTitle}-components-${componentName}--${story}`, {
-            waitUntil: 'networkidle',
-            timeout: timeouts.large
-        });
-    }
-}

e2e-playwright/page-object/stories/base.stories.ts

@@ -0,0 +1,39 @@
+/*
+ * Copyright © 2005 - 2021 Alfresco Software, Ltd. All rights reserved.
+ *
+ * License rights for this program may be obtained from Alfresco Software, Ltd.
+ * pursuant to a written agreement and any use of this program without such an
+ * agreement is prohibited.
+ */
+
+import { Page } from '@playwright/test';
+import { timeouts } from '../../utils/timeouts';
+import { ComponentTitles } from '../../models/component-titles.model';
+import { PlaywrightBase } from '../playwright-base';
+
+interface NavigationParameters {
+    moduleNames: string[];
+    componentName: string;
+    story: string;
+};
+
+export class BaseStories extends PlaywrightBase {
+    private libraryName: string;
+
+    constructor(page: Page, libraryName: ComponentTitles) {
+        super(page);
+        this.libraryName = libraryName;
+    }
+
+    private buildStoryId({ moduleNames, componentName, story }: NavigationParameters): string{
+        const moduleNamesConcatenated = moduleNames.reduce((module, submodule) => module + '-' + submodule);
+        return this.libraryName + '-' + moduleNamesConcatenated + '-' + componentName + '--' + story;
+    }
+
+    async navigateTo(navigationParameters: NavigationParameters): Promise<void> {
+        await this.page.goto(`/iframe.html?args=&viewMode=story&id=${this.buildStoryId(navigationParameters)}`, {
+            waitUntil: 'networkidle',
+            timeout: timeouts.large
+        });
+    }
+}