Fix tests

Author: mintuz

README.md

@@ -45,7 +45,7 @@ The file system adapter will resolve css files from your local file system and a
 import App from './app'; /* React application */
 import {Resolver, FileSystemAdapter} from '@mintuz/react-css-loader';
 
-const cssResolver = new Resolver(App, new FileSystemAdapter({
+const cssResolver = new Resolver(React.createElement(App), new FileSystemAdapter({
     folderPath: `${__dirname}/styles/`,
     inline: true,
 }));
@@ -72,7 +72,7 @@ console.log(cssString);
 import App from './app';
 import {Resolver, FileSystemAdapter} from '@mintuz/react-css-loader';
 
-const cssResolver = new Resolver(App, new FileSystemAdapter({
+const cssResolver = new Resolver(React.createElement(App), new FileSystemAdapter({
     folderPath: `${__dirname}/styles/`,
     inline: false,
 }));
@@ -97,7 +97,7 @@ If you serve your CSS via a CDN, this is for you. Rather than resolving the CSS
 import App from './app';
 import {Resolver, CDNAdapter} from '@mintuz/react-css-loader';
 
-const cssResolver = new Resolver(App, new CDNAdapter({
+const cssResolver = new Resolver(React.createElement(App), new CDNAdapter({
     cdnRoot: 'https://my-cdn.com'
 }));
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintuz/react-css-loader",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "private": false,
   "description": "A React high order component that provides functionality for tree shaking CSS per component",
@@ -33,7 +33,8 @@
   "jest": {
     "testPathIgnorePatterns": [
       ".node_modules/",
-      ".dist/"
+      ".dist/",
+      ".examples/"
     ],
     "setupFiles": [
       "./jest-setup.js"

src/__test__/index.spec.js

@@ -34,7 +34,7 @@ describe('Resolver', () => {
         };
 
         const resolver = new Resolver(
-            CustomApp,
+            React.createElement(CustomApp),
             new FileSystemAdapter({
                 folderPath: __dirname,
                 inline: false
@@ -51,7 +51,7 @@ describe('Resolver', () => {
     describe('FileSystem Adapter', () => {
         test('Should return CSS for a single module', async () => {
             const resolver = new Resolver(
-                CSS(buildComponent('MyComponent')),
+                React.createElement(CSS(buildComponent('MyComponent'))),
                 new FileSystemAdapter({
                     folderPath: __dirname,
                     inline: false
@@ -79,7 +79,7 @@ describe('Resolver', () => {
             };
 
             const resolver = new Resolver(
-                CustomApp,
+                React.createElement(CustomApp),
                 new FileSystemAdapter({
                     folderPath: __dirname,
                     inline: false
@@ -113,7 +113,7 @@ describe('Resolver', () => {
             };
 
             const resolver = new Resolver(
-                CustomApp,
+                React.createElement(CustomApp),
                 new FileSystemAdapter({
                     folderPath: __dirname,
                     inline: false
@@ -146,7 +146,7 @@ describe('Resolver', () => {
             });
 
             const resolver = new Resolver(
-                MockComponentOne,
+                React.createElement(MockComponentOne),
                 new FileSystemAdapter({
                     folderPath: __dirname,
                     inline: false
@@ -181,7 +181,7 @@ describe('Resolver', () => {
                 };
 
                 const resolver = new Resolver(
-                    CustomApp,
+                    React.createElement(CustomApp),
                     new FileSystemAdapter({
                         folderPath: __dirname,
                         inline: false
@@ -208,7 +208,7 @@ describe('Resolver', () => {
                 };
 
                 const resolver = new Resolver(
-                    CustomApp,
+                    React.createElement(CustomApp),
                     new FileSystemAdapter({
                         folderPath: __dirname,
                         inline: true
@@ -238,7 +238,7 @@ describe('Resolver', () => {
             };
 
             const resolver = new Resolver(
-                CustomApp,
+                React.createElement(CustomApp),
                 new CDNAdapter({
                     cdnRoot: 'https://my-cdn.com'
                 })

src/resolver.js

@@ -10,24 +10,21 @@ export default class Resolver {
         let styles = [];
         let components = [];
 
-        return reactTreeWalker(
-            React.createElement(this.app),
-            (element, instance) => {
-                if (instance && instance.getStyles) {
-                    const stylesObject = instance.getStyles();
-                    const alreadyContainStyle = styles.some((e) =>
-                        stylesObject.stylePaths.includes(e)
-                    );
+        return reactTreeWalker(this.app, (element, instance) => {
+            if (instance && instance.getStyles) {
+                const stylesObject = instance.getStyles();
+                const alreadyContainStyle = styles.some((e) =>
+                    stylesObject.stylePaths.includes(e)
+                );
 
-                    if (alreadyContainStyle) {
-                        return;
-                    }
-
-                    styles = [...styles, ...stylesObject.stylePaths];
-                    components = [...components, stylesObject.componentName];
+                if (alreadyContainStyle) {
+                    return;
                 }
+
+                styles = [...styles, ...stylesObject.stylePaths];
+                components = [...components, stylesObject.componentName];
             }
-        ).then(() => {
+        }).then(() => {
             return this.adapter.resolve(styles, components);
         });
     }