@atlassian/webresource-webpack-plugin 4.10.2-64a2ef2

package/test/use-cases/wrm-resource-loading/webpack.config.es6.js

@@ -0,0 +1,23 @@
+const path = require('path');
+const WrmPlugin = require('../../../src/WrmPlugin');
+const FRONTEND_SRC_DIR = path.join(__dirname, 'src-es6');
+const OUTPUT_DIR = path.join(__dirname, 'target');
+
+module.exports = {
+    mode: 'development',
+    entry: {
+        'app-es6': path.join(FRONTEND_SRC_DIR, 'app.js'),
+    },
+    context: __dirname,
+    plugins: [
+        new WrmPlugin({
+            pluginKey: 'com.atlassian.plugin.test',
+            xmlDescriptors: path.join(OUTPUT_DIR, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml'),
+            verbose: false,
+        }),
+    ],
+    output: {
+        filename: '[name].js',
+        path: OUTPUT_DIR,
+    },
+};

package/test/use-cases/wrm-resource-loading/webpack.config.relative.js

@@ -0,0 +1,23 @@
+const path = require('path');
+const WrmPlugin = require('../../../src/WrmPlugin');
+const FRONTEND_SRC_DIR = path.join(__dirname, 'src-relative');
+const OUTPUT_DIR = path.join(__dirname, 'target');
+
+module.exports = {
+    mode: 'development',
+    entry: {
+        'app-relative': path.join(FRONTEND_SRC_DIR, 'app.js'),
+    },
+    context: __dirname,
+    plugins: [
+        new WrmPlugin({
+            pluginKey: 'com.atlassian.plugin.test',
+            xmlDescriptors: path.join(OUTPUT_DIR, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml'),
+            verbose: false,
+        }),
+    ],
+    output: {
+        filename: '[name].js',
+        path: OUTPUT_DIR,
+    },
+};

package/test/use-cases/wrm-resource-loading/wrm-resource-loading.test.js

@@ -0,0 +1,89 @@
+const assert = require('chai').assert;
+const parse = require('xml-parser');
+const webpack = require('webpack');
+const fs = require('fs');
+const path = require('path');
+const { getBaseDependencies } = require('../../../src/settings/base-dependencies');
+
+const targetDir = path.join(__dirname, 'target');
+const webresourceOutput = path.join(targetDir, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml');
+
+describe('wrm-resource-loading', function() {
+    let stats;
+    let entry;
+
+    function getContent(nodes) {
+        return nodes.map(n => n.content);
+    }
+
+    function runWebpack(config, done) {
+        webpack(config, (err, st) => {
+            stats = st;
+
+            const xmlFile = fs.readFileSync(webresourceOutput, 'utf-8');
+            const results = parse(xmlFile);
+            entry = results.root.children.find(n => n.attributes.key.startsWith('entry'));
+            done();
+        });
+    }
+
+    function runTheTestsFor(config, context) {
+        beforeEach(done => runWebpack(config, done));
+
+        it('should run without error', () => {
+            assert.ok(entry);
+            assert.equal(stats.hasErrors(), false);
+            assert.equal(stats.hasWarnings(), false);
+        });
+
+        it('has a Soy transformation', () => {
+            let transformNodes = entry.children.filter(n => n.name === 'transformation');
+            let soyTransformNode = transformNodes.find(n => n.attributes.extension === 'soy');
+            assert.notEqual(soyTransformNode, null, 'should have a soy transform');
+            assert.nestedPropertyVal(soyTransformNode, 'children[0].name', 'transformer');
+            assert.nestedPropertyVal(soyTransformNode, 'children[0].attributes.key', 'soyTransformer');
+        });
+
+        it('has a LESS transformation', () => {
+            let transformNodes = entry.children.filter(n => n.name === 'transformation');
+            let lessTransformNode = transformNodes.find(n => n.attributes.extension === 'less');
+            assert.notEqual(lessTransformNode, null, 'should have a soy transform');
+            assert.nestedPropertyVal(lessTransformNode, 'children[0].name', 'transformer');
+            assert.nestedPropertyVal(lessTransformNode, 'children[0].attributes.key', 'lessTransformer');
+        });
+
+        it('has the appropriate external resources', () => {
+            let resourceNodes = entry.children.filter(n => n.name === 'resource');
+            let resources = resourceNodes.map(n => n.attributes);
+            assert.includeDeepMembers(resources, [
+                { name: 'ultimate/name/at/runtime.js', location: `${context}/template.soy`, type: 'download' },
+                { name: 'ultimate/name/at/runtime.css', location: `${context}/styles.less`, type: 'download' },
+            ]);
+        });
+
+        it('has no additional web-resource dependencies', () => {
+            let dependencyNodes = entry.children.filter(n => n.name === 'dependency');
+            let dependencies = getContent(dependencyNodes);
+            assert.sameMembers(
+                dependencies,
+                getBaseDependencies(),
+                'should only include the base dependencies, but no others'
+            );
+        });
+    }
+
+    describe('in ES6 modules', function() {
+        const config = require('./webpack.config.es6.js');
+        runTheTestsFor(config, 'src-es6');
+    });
+
+    describe('in AMD', function() {
+        const config = require('./webpack.config.amd.js');
+        runTheTestsFor(config, 'src-amd');
+    });
+
+    describe('with relative paths', function() {
+        const config = require('./webpack.config.relative.js');
+        runTheTestsFor(config, 'src-relative');
+    });
+});