✅ Add more test case challenges to be resolved (#6)

* ✅ Add tests (jest)

* ✅ Add a compound test case

* Update ignore patterns of Eslint & Prettier

* Rename answer key files from '.expect.js' to '.answerkey.js'

* Rename answer key files from '.expect.js' to '.answerkey.js'

* Add Node 10.x to CI test

.github/workflows/nodejs.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x]
+        node-version: [10.x, 12.x, 14.x]
 
     steps:
       - uses: actions/checkout@v2

__tests__/main.test.js

@@ -0,0 +1,33 @@
+/**
+ * Main test script
+ */
+
+const { vanilla } = require('../lib/vanilla');
+const loadFileToBuffer = require('../lib/loadFileToBuffer');
+
+describe("Test command 'vanilla'", () => {
+  const testNames = ['documentReady'];
+
+  testNames.forEach((testName) => {
+    test(`Vanillaize '${testName}'`, async () => {
+      // Input
+      const argv = {
+        _: ['vanilla', `./__tests__/testCases/${testName}.js`],
+        C: true,
+        'no-cache': true,
+        noCache: true,
+        $0: 'vaniquery',
+      };
+
+      // Output
+      const output = await vanilla(argv);
+
+      // Answer key
+      const answerKeyFile = `./__tests__/testCases/${testName}.answerkey.js`;
+      const answerKey = await loadFileToBuffer(answerKeyFile);
+
+      // Expect
+      expect(output).toEqual(answerKey);
+    });
+  });
+});

__tests__/testCases/appendElement.answerkey.js

@@ -0,0 +1 @@
+document.body.appendChild(document.createElement('p'));

__tests__/testCases/appendElement.js

@@ -0,0 +1 @@
+$('body').append($('<p/>'));

__tests__/testCases/cloneElement.answerkey.js

@@ -0,0 +1 @@
+var clonedElement = document.getElementById('about').cloneNode(true);

__tests__/testCases/cloneElement.js

@@ -0,0 +1 @@
+var clonedElement = $('#about').clone();

__tests__/testCases/compoundTest-0.js

@@ -0,0 +1,28 @@
+$(document).ready(function () {
+  $('body').bootstrapMaterialDesign();
+
+  (() => {
+    $('#copy-to-username').click(
+      /** @this HTMLElement */
+      function () {
+        $('#target-username').val(() =>
+          $(this).prop('checked') ? $('#target-owner').val() : ''
+        );
+      }
+    );
+
+    $('#target-owner').keyup(() => {
+      $('#copy-to-username').prop('checked') &&
+        $('#target-username').val($('#target-owner').val());
+    });
+
+    $('#target-username').keyup(
+      /** @this HTMLElement */
+      function () {
+        $('#copy-to-username').prop('checked', () => {
+          return $(this).val() === $('#target-owner').val();
+        });
+      }
+    );
+  })();
+});

__tests__/testCases/createElement.answerkey.js

@@ -0,0 +1 @@
+var newDiv = document.createElement('div')

__tests__/testCases/createElement.js

@@ -0,0 +1 @@
+var divs = $('div');

__tests__/testCases/getElementById.answerkey.js

@@ -0,0 +1 @@
+var footer = document.getElementById('footer');

__tests__/testCases/getElementById.js

@@ -0,0 +1 @@
+var footer = $('#footer');

__tests__/testCases/parent.answerkey.js

@@ -0,0 +1 @@
+var parent = document.getElementById('something').parentNode;

__tests__/testCases/parent.js

@@ -0,0 +1 @@
+var parent = $('#something').parent();

__tests__/testCases/selectAll.answerkey.js

@@ -0,0 +1,3 @@
+document.querySelectorAll(".box");
+
+var divs = document.querySelectorAll('div');

__tests__/testCases/selectAll.js

@@ -0,0 +1,3 @@
+$(".box");
+
+var divs = $('div');

__tests__/testChallenges/challengeAppendElement.test.js

@@ -0,0 +1,31 @@
+/**
+ * Test function vanilla on case 'appendElement'
+ */
+
+const { vanilla } = require('../../lib/vanilla');
+const loadFileToBuffer = require('../../lib/loadFileToBuffer');
+
+describe("Test command 'vanilla' on test challenges", () => {
+  const testName = 'appendElement';
+
+  test(`Vanillaize '${testName}'`, async () => {
+    // Input
+    const argv = {
+      _: ['vanilla', `./__tests__/testCases/${testName}.js`],
+      C: true,
+      'no-cache': true,
+      noCache: true,
+      $0: 'vaniquery',
+    };
+
+    // Output
+    const output = await vanilla(argv);
+
+    // Answer key
+    const answerKeyFile = `./__tests__/testCases/${testName}.answerkey.js`;
+    const answerKey = await loadFileToBuffer(answerKeyFile);
+
+    // Expect
+    expect(output).toEqual(answerKey);
+  });
+});

__tests__/testChallenges/challengeCloneElement.test.js

@@ -0,0 +1,31 @@
+/**
+ * Test function vanilla on case 'cloneElement'
+ */
+
+const { vanilla } = require('../../lib/vanilla');
+const loadFileToBuffer = require('../../lib/loadFileToBuffer');
+
+describe("Test command 'vanilla' on test challenges", () => {
+  const testName = 'cloneElement';
+
+  test(`Vanillaize '${testName}'`, async () => {
+    // Input
+    const argv = {
+      _: ['vanilla', `./__tests__/testCases/${testName}.js`],
+      C: true,
+      'no-cache': true,
+      noCache: true,
+      $0: 'vaniquery',
+    };
+
+    // Output
+    const output = await vanilla(argv);
+
+    // Answer key
+    const answerKeyFile = `./__tests__/testCases/${testName}.answerkey.js`;
+    const answerKey = await loadFileToBuffer(answerKeyFile);
+
+    // Expect
+    expect(output).toEqual(answerKey);
+  });
+});

__tests__/testChallenges/challengeCreateElement.test.js

@@ -0,0 +1,31 @@
+/**
+ * Test function vanilla on case 'createElement'
+ */
+
+const { vanilla } = require('../../lib/vanilla');
+const loadFileToBuffer = require('../../lib/loadFileToBuffer');
+
+describe("Test command 'vanilla' on test challenges", () => {
+  const testName = 'createElement';
+
+  test(`Vanillaize '${testName}'`, async () => {
+    // Input
+    const argv = {
+      _: ['vanilla', `./__tests__/testCases/${testName}.js`],
+      C: true,
+      'no-cache': true,
+      noCache: true,
+      $0: 'vaniquery',
+    };
+
+    // Output
+    const output = await vanilla(argv);
+
+    // Answer key
+    const answerKeyFile = `./__tests__/testCases/${testName}.answerkey.js`;
+    const answerKey = await loadFileToBuffer(answerKeyFile);
+
+    // Expect
+    expect(output).toEqual(answerKey);
+  });
+});

__tests__/testChallenges/challengeGetElementById.test.js

@@ -0,0 +1,31 @@
+/**
+ * Test function vanilla on case 'getElementById'
+ */
+
+const { vanilla } = require('../../lib/vanilla');
+const loadFileToBuffer = require('../../lib/loadFileToBuffer');
+
+describe("Test command 'vanilla' on test challenges", () => {
+  const testName = 'getElementById';
+
+  test(`Vanillaize '${testName}'`, async () => {
+    // Input
+    const argv = {
+      _: ['vanilla', `./__tests__/testCases/${testName}.js`],
+      C: true,
+      'no-cache': true,
+      noCache: true,
+      $0: 'vaniquery',
+    };
+
+    // Output
+    const output = await vanilla(argv);
+
+    // Answer key
+    const answerKeyFile = `./__tests__/testCases/${testName}.answerkey.js`;
+    const answerKey = await loadFileToBuffer(answerKeyFile);
+
+    // Expect
+    expect(output).toEqual(answerKey);
+  });
+});

__tests__/testChallenges/challengeParent.test.js

@@ -0,0 +1,31 @@
+/**
+ * Test function vanilla on case 'parent'
+ */
+
+const { vanilla } = require('../../lib/vanilla');
+const loadFileToBuffer = require('../../lib/loadFileToBuffer');
+
+describe("Test command 'vanilla' on test challenges", () => {
+  const testName = 'parent';
+
+  test(`Vanillaize '${testName}'`, async () => {
+    // Input
+    const argv = {
+      _: ['vanilla', `./__tests__/testCases/${testName}.js`],
+      C: true,
+      'no-cache': true,
+      noCache: true,
+      $0: 'vaniquery',
+    };
+
+    // Output
+    const output = await vanilla(argv);
+
+    // Answer key
+    const answerKeyFile = `./__tests__/testCases/${testName}.answerkey.js`;
+    const answerKey = await loadFileToBuffer(answerKeyFile);
+
+    // Expect
+    expect(output).toEqual(answerKey);
+  });
+});

__tests__/testChallenges/challengeSelectAll.test.js

@@ -0,0 +1,31 @@
+/**
+ * Test function vanilla on case 'selectAll'
+ */
+
+const { vanilla } = require('../../lib/vanilla');
+const loadFileToBuffer = require('../../lib/loadFileToBuffer');
+
+describe("Test command 'vanilla' on test challenges", () => {
+  const testName = 'selectAll';
+
+  test(`Vanillaize '${testName}'`, async () => {
+    // Input
+    const argv = {
+      _: ['vanilla', `./__tests__/testCases/${testName}.js`],
+      C: true,
+      'no-cache': true,
+      noCache: true,
+      $0: 'vaniquery',
+    };
+
+    // Output
+    const output = await vanilla(argv);
+
+    // Answer key
+    const answerKeyFile = `./__tests__/testCases/${testName}.answerkey.js`;
+    const answerKey = await loadFileToBuffer(answerKeyFile);
+
+    // Expect
+    expect(output).toEqual(answerKey);
+  });
+});

jest.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   verbose: true,
-  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.[jt]sx?$',
+  testMatch: ['**/__tests__/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
+  coveragePathIgnorePatterns: ['<rootDir>/__tests__/testChallenges/.*$'],
   testPathIgnorePatterns: ['(testCases).*$'],
 };

lib/loadFileToBuffer.js

@@ -0,0 +1,15 @@
+/**
+ * Loading a file to stream buffer
+ * @param {string} answerKeyFile
+ */
+
+const fs = require('fs');
+
+module.exports = async (answerKeyFile) => {
+  return new Promise((resolve) => {
+    const stream = fs.createReadStream(answerKeyFile);
+    stream.on('data', (buffer) => {
+      resolve(buffer.toString());
+    });
+  });
+};

lib/revert.js

@@ -1,5 +1,6 @@
 /**
  * Revert changes of vanillaizing a file, if its cached file is present
+ * @param {Object} argv
  */
 
 const fs = require('fs');

lib/vanilla.js

@@ -5,8 +5,16 @@
 const fs = require('fs');
 const equivalentsLib = require('./equivalentsLib.js');
 
+/**
+ * Get filename from argument values
+ * @param {Object} argv
+ */
 const parseFilename = (argv) => argv._[1];
 
+/**
+ * Create cache file
+ * @param {Object} argv
+ */
 const saveCacheFile = (argv) => {
   try {
     const file = parseFilename(argv);
@@ -21,6 +29,10 @@ const saveCacheFile = (argv) => {
   }
 };
 
+/**
+ * Vanillaize a file
+ * @param {Object} argv
+ */
 exports.vanilla = (argv) => {
   try {
     const file = parseFilename(argv);
@@ -57,6 +69,11 @@ exports.vanilla = (argv) => {
   }
 };
 
+/**
+ * Write vanillaized result to file
+ * @param {Object} argv
+ * @param {string} result
+ */
 exports.vanillaOut = (argv, result) => {
   try {
     const file = parseFilename(argv);

package.json

@@ -14,7 +14,7 @@
     "ci": "yarn --frozen-lockfile",
     "format": "prettier './**/*.{js,json,md}' --write",
     "lint": "eslint './**/*.js' --cache --fix",
-    "test": "jest",
+    "test": "jest ./__tests__/main.test.js",
     "refresh": "rm -rf ./node_modules/ && yarn ci"
   },
   "husky": {