jsx.js

/**
 * @fileoverview Tests for JSX
 * @author Nicholas C. Zakas
 * @author James Henry <https://github.com/JamesHenry>
 * @copyright jQuery Foundation and other contributors, https://jquery.org/
 * MIT License
 */

"use strict";

//------------------------------------------------------------------------------
// Requirements
//------------------------------------------------------------------------------

const path = require("path"),
    shelljs = require("shelljs"),
    testUtils = require("../../tools/test-utils"),
    filesWithKnownIssues = require("../jsx-known-issues");

//------------------------------------------------------------------------------
// Setup
//------------------------------------------------------------------------------

const JSX_FIXTURES_DIR = "./tests/fixtures/jsx";

const jsxTestFiles = shelljs.find(JSX_FIXTURES_DIR)
    .filter(filename => filename.indexOf(".src.js") > -1)
    .filter(filename => filesWithKnownIssues.every(fileName => filename.indexOf(fileName) === -1))
    // strip off ".src.js"
    .map(filename => filename.substring(JSX_FIXTURES_DIR.length - 1, filename.length - 7));

const JSX_JSXTEXT_FIXTURES_DIR = "./tests/fixtures/jsx-useJSXTextNode";

const jsxTextTestFiles = shelljs.find(JSX_JSXTEXT_FIXTURES_DIR)
    .filter(filename => filename.indexOf(".src.js") > -1)
    // strip off ".src.js"
    .map(filename => filename.substring(JSX_JSXTEXT_FIXTURES_DIR.length - 1, filename.length - 7));

//------------------------------------------------------------------------------
// Tests
//------------------------------------------------------------------------------

describe("JSX", () => {

    /**
     * Test each fixture file
     * @param {string} fixturesDir Fixtures Directory
     * @param {boolean} useJSXTextNode Use JSX Text Node
     * @returns {void}
     */
    function testFixture(fixturesDir, useJSXTextNode) {

        return filename => {
            const code = shelljs.cat(`${path.resolve(fixturesDir, filename)}.src.js`);
            const config = {
                useJSXTextNode,
                ecmaFeatures: {
                    jsx: true
                }
            };
            test(`fixtures/${filename}.src`, testUtils.createSnapshotTestBlock(code, config));
        };
    }

    describe("useJSXTextNode: false", () => {
        jsxTestFiles.forEach(testFixture(JSX_FIXTURES_DIR, false));
    });
    describe("useJSXTextNode: true", () => {
        jsxTextTestFiles.forEach(testFixture(JSX_JSXTEXT_FIXTURES_DIR, true));
    });
});