scss-variable-extractor 1.6.5 → 1.6.6

package/test/multi-app-analyzer.test.js

@@ -0,0 +1,216 @@
+const {
+  analyzeMultiAppDependencies,
+  detectCrossAppDependencies,
+  identifySharedStyles,
+  buildDependencyGraph,
+} = require('../src/multi-app-analyzer');
+const path = require('path');
+
+describe('Multi-App Analyzer', () => {
+  describe('analyzeMultiAppDependencies', () => {
+    test('should analyze multiple apps', async () => {
+      const config = {
+        apps: [
+          {
+            name: 'app-a',
+            path: path.join(__dirname, 'fixtures/apps/subapp/src/app/component-a'),
+            type: 'app',
+          },
+          {
+            name: 'app-b',
+            path: path.join(__dirname, 'fixtures/apps/subapp/src/app/component-b'),
+            type: 'app',
+          },
+        ],
+        sharedLibraries: [],
+      };
+
+      const analysis = await analyzeMultiAppDependencies(config);
+
+      expect(analysis).toHaveProperty('apps');
+      expect(analysis).toHaveProperty('dependencies');
+      expect(analysis).toHaveProperty('sharedStyles');
+      expect(analysis).toHaveProperty('recommendations');
+      expect(analysis.apps.size).toBe(2);
+    });
+
+    test('should detect app details', async () => {
+      const config = {
+        apps: [
+          {
+            name: 'test-app',
+            path: path.join(__dirname, 'fixtures/apps/subapp/src/app/component-a'),
+            type: 'app',
+          },
+        ],
+        sharedLibraries: [],
+      };
+
+      const analysis = await analyzeMultiAppDependencies(config);
+      const app = analysis.apps.get('test-app');
+
+      expect(app).toBeDefined();
+      expect(app.scssFiles.length).toBeGreaterThan(0);
+      expect(app.classes.size).toBeGreaterThan(0);
+    });
+
+    test('should identify shared libraries', async () => {
+      const config = {
+        apps: [
+          {
+            name: 'app-a',
+            path: path.join(__dirname, 'fixtures/apps/subapp/src/app/component-a'),
+            type: 'app',
+          },
+        ],
+        sharedLibraries: [
+          {
+            name: 'shared-lib',
+            path: path.join(__dirname, 'fixtures/libs/styles'),
+            type: 'library',
+          },
+        ],
+      };
+
+      const analysis = await analyzeMultiAppDependencies(config);
+      const lib = analysis.apps.get('shared-lib');
+
+      expect(lib).toBeDefined();
+      expect(lib.type).toBe('library');
+    });
+  });
+
+  describe('identifySharedStyles', () => {
+    test('should identify shared CSS classes', () => {
+      const apps = new Map();
+      apps.set('app-1', {
+        classes: new Set(['btn', 'card', 'header']),
+        variables: new Set([]),
+        mixins: new Set([]),
+      });
+      apps.set('app-2', {
+        classes: new Set(['btn', 'footer', 'header']),
+        variables: new Set([]),
+        mixins: new Set([]),
+      });
+
+      const sharedStyles = identifySharedStyles(apps);
+
+      expect(sharedStyles.size).toBeGreaterThan(0);
+      expect(sharedStyles.has('btn')).toBe(true);
+      expect(sharedStyles.has('header')).toBe(true);
+
+      const btnStyle = sharedStyles.get('btn');
+      expect(btnStyle.usedIn).toContain('app-1');
+      expect(btnStyle.usedIn).toContain('app-2');
+    });
+
+    test('should identify shared variables', () => {
+      const apps = new Map();
+      apps.set('app-1', {
+        classes: new Set([]),
+        variables: new Set(['primary-color', 'spacing-md']),
+        mixins: new Set([]),
+      });
+      apps.set('app-2', {
+        classes: new Set([]),
+        variables: new Set(['primary-color', 'accent-color']),
+        mixins: new Set([]),
+      });
+
+      const sharedStyles = identifySharedStyles(apps);
+
+      expect(sharedStyles.has('$primary-color')).toBe(true);
+      const varStyle = sharedStyles.get('$primary-color');
+      expect(varStyle.type).toBe('variable');
+    });
+
+    test('should not mark single-use items as shared', () => {
+      const apps = new Map();
+      apps.set('app-1', {
+        classes: new Set(['unique-class']),
+        variables: new Set([]),
+        mixins: new Set([]),
+      });
+      apps.set('app-2', {
+        classes: new Set(['other-class']),
+        variables: new Set([]),
+        mixins: new Set([]),
+      });
+
+      const sharedStyles = identifySharedStyles(apps);
+
+      expect(sharedStyles.size).toBe(0);
+    });
+  });
+
+  describe('buildDependencyGraph', () => {
+    test('should build dependency graph', () => {
+      const dependencies = [
+        { from: 'app-a', to: 'lib-shared', type: 'style-import', strength: 'strong' },
+        { from: 'app-b', to: 'lib-shared', type: 'style-import', strength: 'strong' },
+        { from: 'app-a', to: 'app-b', type: 'shared-classes', strength: 'weak' },
+      ];
+
+      const graph = buildDependencyGraph(dependencies);
+
+      expect(graph['app-a']).toBeDefined();
+      expect(graph['app-a'].dependsOn.length).toBe(2);
+      expect(graph['lib-shared']).toBeDefined();
+      expect(graph['lib-shared'].dependedBy.length).toBe(2);
+    });
+
+    test('should track both directions', () => {
+      const dependencies = [
+        { from: 'app-a', to: 'lib-b', type: 'style-import', strength: 'strong' },
+      ];
+
+      const graph = buildDependencyGraph(dependencies);
+
+      expect(graph['app-a'].dependsOn).toHaveLength(1);
+      expect(graph['lib-b'].dependedBy).toHaveLength(1);
+    });
+  });
+
+  describe('detectCrossAppDependencies', () => {
+    test('should detect shared classes between apps', () => {
+      const apps = new Map();
+      apps.set('app-1', {
+        classes: new Set(['btn', 'card']),
+        externalReferences: [],
+      });
+      apps.set('app-2', {
+        classes: new Set(['btn', 'footer']),
+        externalReferences: [],
+      });
+
+      const dependencies = detectCrossAppDependencies(apps);
+      const sharedClassDeps = dependencies.filter(d => d.type === 'shared-classes');
+
+      expect(sharedClassDeps.length).toBeGreaterThan(0);
+    });
+
+    test('should detect external references', () => {
+      const apps = new Map();
+      apps.set('app-a', {
+        classes: new Set([]),
+        externalReferences: [
+          {
+            from: 'styles.scss',
+            to: '../../lib-shared/variables',
+            type: '@use',
+          },
+        ],
+      });
+      apps.set('lib-shared', {
+        classes: new Set([]),
+        externalReferences: [],
+      });
+
+      const dependencies = detectCrossAppDependencies(apps);
+      const importDeps = dependencies.filter(d => d.type === 'style-import');
+
+      expect(importDeps.length).toBeGreaterThan(0);
+    });
+  });
+});