Issue #774: Adding support to location array

loaders/__tests__/styleguide-loader.spec.js

@@ -94,6 +94,34 @@ it('should return correct component paths: function returning absolute paths', (
 	expect(result).not.toMatch(`'filepath': 'components/RandomButton/RandomButton.js'`);
 });
 
+it('should return correct component paths: function returning absolute paths', () => {
+	const result = styleguideLoader.pitch.call(
+		{
+			request: file,
+			_styleguidist: {
+				sections: [
+					{
+						components: [
+							`${__dirname}/components/Button/Button.js`,
+							`${__dirname}/components/Placeholder/Placeholder.js`,
+						],
+					},
+				],
+				configDir: __dirname,
+				getExampleFilename: () => 'Readme.md',
+				getComponentPathLine: filepath => filepath,
+			},
+			addContextDependency: () => {},
+		},
+		readFileSync(file, 'utf8')
+	);
+	expect(result).toBeTruthy();
+	expect(() => new vm.Script(result)).not.toThrow();
+	expect(result).toMatch(`'filepath': 'components/Button/Button.js'`);
+	expect(result).toMatch(`'filepath': 'components/Placeholder/Placeholder.js'`);
+	expect(result).not.toMatch(`'filepath': 'components/RandomButton/RandomButton.js'`);
+});
+
 it('should return correct component paths: function returning relative paths', () => {
 	const result = styleguideLoader.pitch.call(
 		{

loaders/utils/getComponentFiles.js

@@ -3,6 +3,7 @@
 const path = require('path');
 const glob = require('glob');
 const isFunction = require('lodash/isFunction');
+const isArray = require('lodash/isArray');
 const isString = require('lodash/isString');
 
 /**
@@ -21,6 +22,8 @@ module.exports = function getComponentFiles(components, rootDir, ignore) {
 	let componentFiles;
 	if (isFunction(components)) {
 		componentFiles = components();
+	} else if (isArray(components)) {
+		componentFiles = components;
 	} else if (isString(components)) {
 		componentFiles = glob.sync(path.resolve(rootDir, components), { ignore });
 	} else {

scripts/__tests__/config.spec.js

@@ -1,3 +1,4 @@
+import { isFunction, isArray } from 'lodash';
 import fs from 'fs';
 import path from 'path';
 import getConfig from '../config';
@@ -35,12 +36,36 @@ it('should accept config as an object', () => {
 	expect(result).toMatchObject({ title: 'Style guide' });
 });
 
+it('should accept components as a string', () => {
+	const result = getConfig({
+		components: './components/**/[A-Z]*.js',
+	});
+	expect(result).toHaveProperty('components');
+	expect(result.components).toBe('./components/**/[A-Z]*.js');
+});
+
+it('should accept components as a function', () => {
+	const result = getConfig({
+		components: () => ['./components/**/[A-Z]*.js'],
+	});
+	expect(result).toHaveProperty('components');
+	expect(isFunction(result.components)).toBeTruthy();
+});
+
+it('should accept components as an array', () => {
+	const result = getConfig({
+		components: ['./components/**/[A-Z]*.js'],
+	});
+	expect(result).toHaveProperty('components');
+	expect(isArray(result.components)).toBeTruthy();
+});
+
 it('should throw if config has errors', () => {
 	const fn = () =>
 		getConfig({
 			components: 42,
 		});
-	expect(fn).toThrowError('should be string or function');
+	expect(fn).toThrowError('should be string, function, or array');
 });
 
 it('should change the config using the update callback', () => {

scripts/schemas/config.js

@@ -31,7 +31,7 @@ module.exports = {
 	},
 	// `components` is a shortcut for { sections: [{ components }] }, see `sections` below
 	components: {
-		type: ['string', 'function'],
+		type: ['string', 'function', 'array'],
 		example: 'components/**/[A-Z]*.js',
 	},
 	configDir: {