@json-editor/json-editor 1.3.5 → 1.17.0

package/codecept.conf.js

@@ -0,0 +1,35 @@
+exports.config = {
+  tests: './tests/codeceptjs/**/*_test.js',
+  timeout: 10000,
+  output: './e2e/output',
+  helpers: {
+    Puppeteer: {
+      browser: 'chrome',
+      url: 'localhost:9001/tests/pages/',
+      show: true,
+      disableScreenshots: false,
+      waitForNavigation: 'networkidle0',
+      waitForAction: 200,
+      restart: false,
+      chrome: {
+        args: ['--ignore-certificate-errors', '--no-sandbox']
+      }
+    },
+    customHelpers: {
+      require: './config/codeceptjs_helpers.js'
+    }
+  },
+  include: {
+    I: './tests/codeceptjs/steps_file.js'
+  },
+  bootstrap: null,
+  mocha: {
+    reporterOptions: {
+      reportDir: './e2e/reports',
+      inlineAssets: true,
+      reportPageTitle: 'E2E Test Reports',
+      reportTitle: 'E2E Test Reports'
+    }
+  },
+  name: 'codeceptjs-json-editor'
+}

package/config/.eslintrc

@@ -0,0 +1,7 @@
+{
+  "extends":"../.eslintrc",  
+  "rules":
+  {
+    "no-undef":"off"
+  }
+}

package/config/codeceptjs_helpers.js

@@ -0,0 +1,146 @@
+const assert = require('assert')
+// eslint-disable-next-line camelcase
+let Helper = codecept_helper
+
+const sleep = async (msec) => {
+  return new Promise(resolve => setTimeout(resolve, msec))
+}
+
+class customHelpers extends Helper {
+  async donSeeDuplicatedIds () {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    await helper.wait(1)
+    let donSeeDuplicatedIds = await helper.executeScript(() => {
+      let dontSeeDuplicated = true
+      let ids = []
+      const all = [].slice.call(document.querySelectorAll('*'))
+      all.forEach((el) => {
+        const id = el.getAttribute('id')
+        if (ids.includes(id)) {
+          dontSeeDuplicated = false
+        }
+        if (id) {
+          ids.push(id)
+        }
+      })
+      return dontSeeDuplicated
+    })
+    return assert.strictEqual(donSeeDuplicatedIds, true)
+  }
+
+  async pressKeys (string) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    try {
+      await helper.wait(1)
+      let digits = string.split('')
+      for (let i = 0; i < digits.length; i++) {
+        await helper.pressKey(digits[i])
+      }
+    } catch (err) {
+      console.log('CodeceptJs Custom Helper "pressKeys" Error:', err)
+    }
+  }
+
+  // Custom amCancellingPopups function, overriding original function.
+  // Required for tests to work with WebDriver, since "amCancellingPopups" is a Puppeteer command.
+  // returns existing amCancellingPopups function if exists
+  async amCancellingPopups () {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    try {
+      if (typeof helper.amCancellingPopups === 'function') return helper.amCancellingPopups.call(arguments)
+    } catch (err) {
+      console.log('CodeceptJs Custom Helper "amCancellingPopups" Error:', err)
+    }
+  }
+
+  // Custom amAcceptingPopups function, overriding original function.
+  // Required for tests to work with WebDriver, since "amAcceptingPopups" is a Puppeteer command.
+  // returns existing amAcceptingPopups function if exists
+  async amAcceptingPopups () {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    try {
+      if (typeof helper.amAcceptingPopups === 'function') return helper.amAcceptingPopups.call(arguments)
+    } catch (err) {
+      console.log('CodeceptJs Custom Helper "amAcceptingPopups" Error:', err)
+    }
+  }
+
+  // Custom seeCheckedAttribute function.
+  // Evaluates true if xpath is checked
+  async seeCheckedAttribute (xpath) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    return await helper.waitForElement(xpath + ':checked')
+  }
+
+  // Custom dontSeeCheckedAttribute function.
+  // Evaluates true if xpath is not checked
+  async dontSeeCheckedAttribute (xpath) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    return await helper.waitForInvisible(xpath + ':checked')
+  }
+
+  // Custom seeDisabledAttribute function.
+  // Evaluates true if xpath is disabled
+  async seeDisabledAttribute (xpath) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    return await helper.waitForElement(xpath + ':disabled')
+  }
+
+  // Custom dontSeeDisabledAttributet function.
+  // Evaluates true if xpath is not disabled
+  async dontSeeDisabledAttribute (xpath) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    return await helper.waitForInvisible(xpath + ':disabled')
+  }
+
+  // Custom seeReadOnlyAttribute function.
+  // Evaluates true if xpath is disabled
+  async seeReadOnlyAttribute (xpath) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    let res = await helper.grabAttributeFrom(xpath, 'readonly')
+    return assert.ok(res !== null && typeof res !== 'undefined' && res.toString().toLowerCase() === 'true', "\x1b[31mexpected element '\x1b[91m" + xpath + "\x1b[31m' to be readonly")
+  }
+
+  // Custom dontSeeReadOnlyAttributet function.
+  // Evaluates true if xpath is not disabled
+  async dontSeeReadOnlyAttribute (xpath) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    let res = await helper.grabAttributeFrom(xpath, 'readonly')
+    return assert.ok(!(res !== null && typeof res !== 'undefined' && res.toString().toLowerCase() === 'true'), "\x1b[31mexpected element '\x1b[91m" + xpath + "\x1b[31m' NOT to be readonly")
+  }
+
+  // Custom grabBooleanAttributeFrom function.
+  // returns boolean value
+  async grabBooleanAttributeFrom (xpath, attrib) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+    try {
+      let res = await helper.grabAttributeFrom(xpath, attrib)
+      return res !== null && typeof res !== 'undefined' && res.toString().toLowerCase() === 'true'
+    } catch (err) {
+      console.log('CodeceptJs Custom Helper "grabBooleanAttributeFrom" Error:', err)
+    }
+  }
+
+  async getSelectedValueAndAssert(selector, expectedValue) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+
+    const selectValue = await helper.executeScript((sel) => {
+      const selectElement = document.querySelector(sel);
+      return selectElement.value;
+    }, selector);
+
+    return assert.strictEqual(selectValue, expectedValue);
+  }
+
+  // Custom isTrue function.
+  // returns boolean value
+  async isTrue (val) {
+    try {
+      return val !== null && typeof val !== 'undefined' && val.toString().toLowerCase() === 'true'
+    } catch (err) {
+      console.log('CodeceptJs Custom Helper "isTrue" Error:', err)
+    }
+  }
+}
+
+module.exports = customHelpers

package/config/helpers.js

@@ -0,0 +1,10 @@
+var path = require('path')
+
+var _root = path.resolve(__dirname, '..')
+
+function root (args) {
+  args = Array.prototype.slice.call(arguments, 0)
+  return path.join.apply(path, [_root].concat(args))
+}
+
+exports.root = root

package/config/karma.conf.js

@@ -0,0 +1,89 @@
+const CssToJSON = require('../build/CssToJson')
+
+/* eslint-disable no-undef */
+// Karma configuration
+const webpackConfig = {
+  devtool: 'inline-source-map',
+  plugins: [
+    new CssToJSON({
+      pattern: './src/**/*.css'
+    })
+  ]
+}
+
+module.exports = function (config) {
+  config.set({
+
+    // base path that will be used to resolve all patterns (eg. files, exclude)
+    basePath: '../',
+
+    // frameworks to use
+    frameworks: ['jasmine'],
+
+    // list of files / patterns to load in the browser
+    files: [
+      { pattern: './tests/unit/**/*.spec.js', watched: false }
+    ],
+
+    // preprocess matching files before serving them to the browser
+    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+    preprocessors: {
+      './src/core.js': ['webpack', 'sourcemap'], // Same as entrypoint specified in webpack.config.js
+      './tests/unit/**/*.spec.js': ['webpack', 'sourcemap']
+    },
+
+    // list of files / patterns to exclude
+    exclude: [
+    ],
+
+    webpack: webpackConfig,
+
+    webpackMiddleware: {
+      // webpack-dev-middleware configuration
+      // i. e.
+      stats: 'errors-only'
+    },
+
+    // test results reporter to use
+    // possible values: 'dots', 'progress'
+    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+    reporters: ['progress', 'kjhtml'],
+
+    // web server port
+    port: 9876,
+
+    // enable / disable colors in the output (reporters and logs)
+    colors: true,
+
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+
+    // level of logging
+    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+    logLevel: config.LOG_INFO,
+
+    // enable / disable watching file and executing tests whenever any file changes
+    autoWatch: true,
+
+    // start these browsers
+    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+    browsers: ['ChromeHeadless', 'Chrome'],
+
+    customLaunchers: {
+      Chrome_with_debugging: {
+        base: 'Chrome',
+        flags: ['--remote-debugging-port=9222'],
+        debug: true
+      }
+    },
+
+    // Continuous Integration mode
+    // if true, Karma captures browsers, runs the tests and exits
+    singleRun: false,
+
+    // Concurrency level
+    // how many browser should be started simultaneous
+    concurrency: Infinity
+  })
+}

package/config/readme.md

@@ -0,0 +1,31 @@
+# Config Readme
+
+## Webpack Configurations
+
+The fairly standard Webpack setup would involve having three different Webpack config files derived from the same common config:
+1. Production - distribution
+2. Development - debugging etc
+3. Test - for unit testing
+
+Development build output is set using the `devtool` entry in the config file. This provides a great deal of flexibility about type out of output (minified, non-minified) and whether or how source maps are generated (see https://webpack.js.org/guides/development/).
+
+
+However we have two different use-cases for a development build:
+1. A non-minified and easily readable version for distribution
+2. Easy debugging using source maps via the webpack development server.
+
+Usually both of these use-cases would be easily achieved with `devtool:"source-map"` but there is a [known bug](https://github.com/webpack/webpack/issues/5491) with Chrome Developer tools in this configuration. So for now we've had to produce a separate config for each use case.
+
+As a result there are four separate Webpack configurations, each derived from webpack.common.js, with the following purposes
+
+| Config File | Purpose | Related NPM scripts |
+|-----|-----|-----|
+| webpack.prod.js | Generates minified output to `/dist` root | `build.prod` - runs this build<br>`build` - runs both `prod` and `nonmin` builds
+| webpack.nonmin.js | Generates non-minified output and sourcemap to `/dist/nonmin/` | `build.nonmin` - runs this build<br>`build` - runs both `prod` and `nonmin` builds<br>`debug.nonmin` - starts dev server for this config in watch mode. (No need to build first)<br>`watch` - starts build in watch mode |
+| webpack.dev.js | Generates output and sourcemap (debuggable by both Chrome and Firefox) for dev server | `debug` - starts dev server for this config in watch mode. (No need to build first)
+| karma.config.js | Contains tiny webpack config to provide script only build for Karma test runner | `test` - runs Karma scripts in Chrome Browser in watch mode<br>`test.headless` - runs Karma scripts once in headless mode
+
+
+
+
+

package/config/webpack.common.js

@@ -0,0 +1,71 @@
+const webpack = require('webpack')
+const helpers = require('./helpers')
+const CssToJSON = require('../build/CssToJson')
+const ESLintPlugin = require('eslint-webpack-plugin');
+
+const bannerText = `/**
+* @name JSON Editor
+* @description JSON Schema Based Editor
+* This library is the continuation of jdorn's great work (see also https://github.com/jdorn/json-editor/issues/800)
+* @version {{ VERSION }}
+* @author Jeremy Dorn
+* @see https://github.com/jdorn/json-editor/
+* @see https://github.com/json-editor/json-editor
+* @license MIT
+* @example see README.md and docs/ for requirements, examples and usage info
+*/`
+module.exports = {
+  entry: {
+    jsoneditor: './src/core.js'
+  },
+  resolve: {
+    extensions: ['.js']
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js|\.css.js$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: 'babel-loader',
+            options: {
+              presets: [
+                ['@babel/preset-env', {
+                  useBuiltIns: 'usage',
+                  corejs: 3,
+                  debug: false
+                }]
+              ]
+            }
+          }
+        ]
+      },
+      {
+        test: /\.css$/,
+        exclude: /(node_modules)|(src\/themes)|(src\/editors)/,
+        use: ['style-loader', 'css-loader']
+      }
+    ]
+  },
+  plugins: [
+    new ESLintPlugin(),
+    new webpack.BannerPlugin(
+      bannerText.replace(
+        '{{ VERSION }}',
+        JSON.stringify(require('../package.json').version)
+      )
+    ),
+    new CssToJSON({
+      pattern: './src/**/*.css'
+    })
+  ],
+  performance: {
+    hints: false
+  },
+  devServer: {
+    static: helpers.root('.'),
+    historyApiFallback: true,
+    port: 8080
+  }
+}

package/config/webpack.dev.js

@@ -0,0 +1,15 @@
+/* eslint-disable no-undef */
+const webpackMerge = require('webpack-merge')
+const commonConfig = require('./webpack.common.js')
+const helpers = require('./helpers')
+
+module.exports = webpackMerge(commonConfig, {
+  mode: 'development',
+  devtool: 'eval-cheap-module-source-map',
+  output: {
+    path: helpers.root('dist/dev'),
+    publicPath: '/dist/',
+    filename: '[name].js',
+    libraryTarget: 'umd'
+  }
+})

package/config/webpack.nonmin.js

@@ -0,0 +1,19 @@
+const webpackMerge = require('webpack-merge')
+const { CleanWebpackPlugin } = require('clean-webpack-plugin')
+const commonConfig = require('./webpack.common.js')
+const helpers = require('./helpers')
+
+// See https://webpack.js.org/guides/development/
+module.exports = (env) => webpackMerge(commonConfig, {
+  mode: 'development',
+  devtool: 'source-map',
+  output: {
+    path: env && env.travis === true ? helpers.root('dist') : helpers.root('dist/nonmin'),
+    publicPath: '/dist/',
+    filename: '[name].js',
+    libraryTarget: 'umd'
+  },
+  plugins: [
+    new CleanWebpackPlugin() // Cleans directory before building
+  ]
+})

package/config/webpack.prod.js

@@ -0,0 +1,24 @@
+const webpack = require('webpack')
+const webpackMerge = require('webpack-merge')
+const RemoveStrictPlugin = require('remove-strict-webpack-plugin')
+const commonConfig = require('./webpack.common.js')
+const helpers = require('./helpers')
+
+module.exports = () => {
+  return webpackMerge(commonConfig, {
+    mode: 'production',
+    output: {
+      path: helpers.root('dist'),
+      publicPath: '/dist/',
+      filename: '[name].js',
+      libraryTarget: 'umd'
+    },
+    optimization: {
+      minimize: true
+    },
+    plugins: [
+      // This doesn't seem to actually be minimising the CSS!
+      new webpack.NoEmitOnErrorsPlugin()
+    ]
+  })
+}