fomantic-ui 2.9.1-beta.3 → 2.9.1-beta.30

package/tasks/rtl/build.js

@@ -2,11 +2,9 @@
  *         Build Task
  *******************************/
 
-var
-  gulp = require('gulp')
-;
+const gulp = require('gulp');
 
 // RTL builds are now handled by the default build process
 module.exports = function (callback) {
-  gulp.series(require('../build'))(callback);
+    gulp.series(require('../build'))(callback);
 };

package/tasks/rtl/watch.js

@@ -2,11 +2,9 @@
  *          Watch Task
  *******************************/
 
-var
-  gulp = require('gulp')
-;
+const gulp = require('gulp');
 
 // RTL watch are now handled by the default watch process
 module.exports = function (callback) {
-  gulp.series(require('../watch'))(callback);
+    gulp.series(require('../watch'))(callback);
 };

package/tasks/version.js

@@ -2,11 +2,9 @@
           Version Task
 *******************************/
 
-var
-  release = require('./config/project/release')
-;
+const release = require('./config/project/release');
 
-module.exports = function(callback) {
-  console.log(release.title + ' ' + release.version);
-  callback();
+module.exports = function (callback) {
+    console.log(release.title + ' ' + release.version);
+    callback();
 };

package/tasks/watch.js

@@ -2,50 +2,48 @@
  *          Watch Task
  *******************************/
 
-var
-  gulp       = require('gulp'),
+const
+    gulp       = require('gulp'),
 
-  // node dependencies
-  console    = require('better-console'),
+    // node dependencies
+    console    = require('better-console'),
 
-  // user config
-  config     = require('./config/user'),
+    // user config
+    config     = require('./config/user'),
 
-  // task config
-  install    = require('./config/project/install'),
-
-  css        = require('./build/css'),
-  js         = require('./build/javascript'),
-  assets     = require('./build/assets')
+    // task config
+    install    = require('./config/project/install'),
 
+    css        = require('./build/css'),
+    js         = require('./build/javascript'),
+    assets     = require('./build/assets')
 ;
 
 // export task
 module.exports = function () {
+    if (!install.isSetup()) {
+        console.error('Cannot watch files. Run "gulp install" to set-up Fomantic');
 
-  if (!install.isSetup()) {
-    console.error('Cannot watch files. Run "gulp install" to set-up Semantic');
-    return;
-  }
-
-  console.clear();
-  console.log('Watching source files for changes');
+        return;
+    }
 
-  /*--------------
-      Watch CSS
-  ---------------*/
-  css.watch('default', config);
+    console.clear();
+    console.log('Watching source files for changes');
 
-  /*--------------
-      Watch JS
-  ---------------*/
+    /* --------------
+        Watch CSS
+    --------------- */
+    css.watch('default', config);
 
-  js.watch('default', config);
+    /* --------------
+        Watch JS
+    --------------- */
 
-  /*--------------
-    Watch Assets
-  ---------------*/
+    js.watch('default', config);
 
-  assets.watch('default', config);
+    /* --------------
+       Watch Assets
+    --------------- */
 
+    assets.watch('default', config);
 };

package/test/.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+    extends: [
+        'plugin:jest/recommended',
+    ],
+    settings: {
+        jest: {
+            version: 29,
+        },
+    },
+    rules: {
+        'jest/no-disabled-tests': 'off',
+    },
+    globals: {
+        jQuery: false,
+        $: true,
+        dump: true,
+        HTTP: true,
+        jasmine: true,
+        moduleTests: true,
+        sandbox: true,
+        Tinytest: true,
+    },
+};

package/test/meteor/assets.js

@@ -1,20 +1,17 @@
-var assets = [
-	'dist/themes/default/assets/images/flags.png',
+let assets = [
+    'dist/themes/default/assets/images/flags.png',
 ];
 
 // Check that the font files are downloadable. Meteor places assets at /packages/<packageName>/.
 assets.forEach(function (path) {
-  Tinytest.addAsync('image ' + path + ' is shipped', function (test, done) {
-    HTTP.get('/packages/semantic_ui/' + path, function callback(error, result) {
-      if (error) {
-        test.fail({message: 'Image failed to load'});
-      }
-      else {
-        test.isTrue(result.content.length > 10000, 'Image ' + path + ' could not be downloaded');
-      }
-      done();
+    Tinytest.addAsync('image ' + path + ' is shipped', function (test, done) {
+        HTTP.get('/packages/semantic_ui/' + path, function callback(error, result) {
+            if (error) {
+                test.fail({ message: 'Image failed to load' });
+            } else {
+                test.isTrue(result.content.length > 10000, 'Image ' + path + ' could not be downloaded');
+            }
+            done();
+        });
     });
-  });
 });
-
-

package/test/meteor/fonts.js

@@ -1,16 +1,15 @@
 // Check that the font files are downloadable. Meteor places assets at /packages/<packageName>/.
 ['eot', 'otf', 'svg', 'ttf', 'woff']
-  .forEach(function (extension) {
-    Tinytest.addAsync(extension + ' fonts are shipped', function (test, done) {
-      HTTP.get('/packages/semantic_ui/dist/themes/default/assets/fonts/icons.' + extension, function callback(error, result) {
-        if (error) {
-          test.fail({message: 'Font failed to load'});
-        }
-        else {
-          test.isTrue(result.content.length > 10000, extension + ' font could not be downloaded');
-        }
-        done();
-      });
-    });
-  })
+    .forEach(function (extension) {
+        Tinytest.addAsync(extension + ' fonts are shipped', function (test, done) {
+            HTTP.get('/packages/semantic_ui/dist/themes/default/assets/fonts/icons.' + extension, function callback(error, result) {
+                if (error) {
+                    test.fail({ message: 'Font failed to load' });
+                } else {
+                    test.isTrue(result.content.length > 10000, extension + ' font could not be downloaded');
+                }
+                done();
+            });
+        });
+    })
 ;

package/test/modules/accordion.spec.js

@@ -1,10 +1,8 @@
-describe("UI Accordion", function() {
-
-  $.fn.dimmer.settings.debug = false;
-
-  moduleTests({
-    module  : 'accordion',
-    element : '.ui.accordion'
-  });
+describe('UI Accordion', function () {
+    $.fn.dimmer.settings.debug = false;
 
+    moduleTests({
+        module: 'accordion',
+        element: '.ui.accordion',
+    });
 });

package/test/modules/checkbox.spec.js

@@ -1,8 +1,6 @@
-describe("UI Checkbox", function() {
-
-  moduleTests({
-    module  : 'checkbox',
-    element : '.ui.checkbox'
-  });
-
+describe('UI Checkbox', function () {
+    moduleTests({
+        module: 'checkbox',
+        element: '.ui.checkbox',
+    });
 });

package/test/modules/dropdown.spec.js

@@ -1,8 +1,6 @@
-describe("UI Dropdown", function() {
-
-  moduleTests({
-    module  : 'dropdown',
-    element : '.ui.dropdown'
-  });
-
+describe('UI Dropdown', function () {
+    moduleTests({
+        module: 'dropdown',
+        element: '.ui.dropdown',
+    });
 });

package/test/modules/modal.spec.js

@@ -1,10 +1,8 @@
-describe("UI Modal", function() {
-
-  $.fn.dimmer.settings.debug = false;
-
-  moduleTests({
-    module  : 'modal',
-    element : '.ui.modal'
-  });
+describe('UI Modal', function () {
+    $.fn.dimmer.settings.debug = false;
 
+    moduleTests({
+        module: 'modal',
+        element: '.ui.modal',
+    });
 });

package/test/modules/module.spec.js

@@ -1,218 +1,198 @@
-
 function moduleTests(ui) {
-  var
-    module    = ui.module,
-    element   = ui.element,
-    singleton = ui.singleton,
-    name      = $.fn[module].settings.name,
-
-    testValue = 'Test',
-    fixtures  = jasmine.getFixtures(),
-
-    originalSettings,
-    $modules,
-    $oneModule,
-    $module,
-    $clone
-  ;
-
-  // set fixture path
-  fixtures.fixturesPath = 'base/test/fixtures/';
-
-  // disable debug
-  $.fn[module].settings.debug       = false;
-  $.fn[module].settings.performance = false;
-  $.fn[module].settings.verbose     = false;
-
-
-  beforeEach(function() {
-    // load fixtures
-    fixtures.load(module + '.html');
-    // save settings
-    originalSettings = $.fn[module].settings;
-
-    // module available in scope
-    $module       = $(element);
-
-    // one module available in fixture
-    if($module.size() == 1) {
-      $oneModule = $module;
-      $clone     = $module.clone().appendTo( $(sandbox()) );
-      $modules   = $clone.add($module);
-    }
-    // multiple modules available in fixture
-    else {
-      $modules   = $(element);
-      $clone     = $module.eq(1);
-      $oneModule = $modules.first();
-    }
-
-  });
-
-  afterEach(function() {
-    // restore settings
-    $.fn[module].settings = originalSettings;
-    // remove element
-    $(element).remove();
-  });
-
-  /*******************************
-              Module
-  *******************************/
-
-  /*-------------------
-      Instantiation
-  --------------------*/
-  describe('Module', function() {
-
-    it("allows chaining when no settings returned", function() {
-      var $chain = $modules[module]();
-      expect($chain).toExist();
-      expect($chain.size()).toBe($modules.size());
-    });
-
-    it("returns a string when one setting returned", function() {
-      var result = $oneModule[module]('setting', 'name');
-      expect(typeof result).toBe('string');
+    let
+        module    = ui.module,
+        element   = ui.element,
+        singleton = ui.singleton,
+        name      = $.fn[module].settings.name,
+
+        testValue = 'Test',
+        fixtures  = jasmine.getFixtures(), // eslint-disable-line jest/no-jasmine-globals
+
+        originalSettings,
+        $modules,
+        $oneModule,
+        $module,
+        $clone
+    ;
+
+    // set fixture path
+    fixtures.fixturesPath = 'base/test/fixtures/';
+
+    // disable debug
+    $.fn[module].settings.debug = false;
+    $.fn[module].settings.performance = false;
+    $.fn[module].settings.verbose = false;
+
+    beforeEach(function () {
+        // load fixtures
+        fixtures.load(module + '.html');
+        // save settings
+        originalSettings = $.fn[module].settings;
+
+        // module available in scope
+        $module = $(element);
+
+        if ($module.size() === 1) { // one module available in fixture
+            $oneModule = $module;
+            $clone = $module.clone().appendTo($(sandbox()));
+            $modules = $clone.add($module);
+        } else { // multiple modules available in fixture
+            $modules = $(element);
+            $clone = $module.eq(1);
+            $oneModule = $modules.first();
+        }
     });
 
-    it("returns an array when multiple settings returned", function() {
-      var result = $modules[module]('setting', 'name');
-      expect( $.isArray(result) ).toBeTruthy();
+    afterEach(function () {
+        // restore settings
+        $.fn[module].settings = originalSettings;
+        // remove element
+        $(element).remove();
     });
 
-    it("has an instance in metadata after init", function() {
-      $oneModule[module]();
-      expect($module).toHaveData('module-' + module);
-    });
-
-  });
-
-  /*-------------------
-         Settings
-  --------------------*/
-
-  describe('Settings', function() {
-
-    it("clears settings on re-init", function() {
-      $oneModule[module]({
-        name: testValue
-      });
-
-      var retrievedValue = $oneModule[module]('setting', 'name');
-      expect(retrievedValue).toBe(testValue);
-
-      // reinit
-      $oneModule[module]();
-      retrievedValue = $oneModule[module]('setting', 'name');
-      expect(retrievedValue).toBe(name);
-    });
+    /*******************************
+              Module
+    *******************************/
+
+    /* -------------------
+        Instantiation
+    -------------------- */
+    describe('Module', function () {
+        it('allows chaining when no settings returned', function () {
+            let $chain = $modules[module]();
+            expect($chain).toExist();
+            expect($chain.size()).toBe($modules.size());
+        });
 
-    it("allows default settings to be changed", function() {
-      $.fn[module].settings.name = testValue;
-      $oneModule[module]();
+        it('returns a string when one setting returned', function () {
+            let result = $oneModule[module]('setting', 'name');
+            expect(typeof result).toBe('string');
+        });
 
-      var retrievedValue = $oneModule[module]('setting', 'name');
-      $.fn[module].settings.name = name;
+        it('returns an array when multiple settings returned', function () {
+            let result = $modules[module]('setting', 'name');
+            expect($.isArray(result)).toBeTruthy();
+        });
 
-      expect(retrievedValue).toBe(testValue);
+        it('has an instance in metadata after init', function () {
+            $oneModule[module]();
+            expect($module).toHaveData('module-' + module);
+        });
     });
 
-    it("allows settings to be changed during init", function() {
-      $oneModule[module]({
-        name: testValue
-      });
+    /* -------------------
+          Settings
+    -------------------- */
 
-      var retrievedValue = $oneModule[module]('setting', 'name');
-
-      expect(retrievedValue).toBe(testValue);
-    });
+    describe('Settings', function () {
+        it('clears settings on re-init', function () {
+            $oneModule[module]({
+                name: testValue,
+            });
 
-    it("allows settings to be changed during runtime", function() {
-      $oneModule[module]();
+            let retrievedValue = $oneModule[module]('setting', 'name');
+            expect(retrievedValue).toBe(testValue);
 
-      var retrievedValue = $oneModule[module]('setting', 'name');
+            // reinit
+            $oneModule[module]();
+            retrievedValue = $oneModule[module]('setting', 'name');
+            expect(retrievedValue).toBe(name);
+        });
 
-      expect(retrievedValue).toBe(name);
-    });
+        it('allows default settings to be changed', function () {
+            $.fn[module].settings.name = testValue;
+            $oneModule[module]();
 
-  });
+            let retrievedValue = $oneModule[module]('setting', 'name');
+            $.fn[module].settings.name = name;
 
-  /*-------------------
-          Groups
-  --------------------*/
+            expect(retrievedValue).toBe(testValue);
+        });
 
-  if(!singleton) {
+        it('allows settings to be changed during init', function () {
+            $oneModule[module]({
+                name: testValue,
+            });
 
-    describe('Group Contamination', function() {
+            let retrievedValue = $oneModule[module]('setting', 'name');
 
-      it("creates settings for all instances", function() {
-        $modules[module]('setting', 'name', testValue);
+            expect(retrievedValue).toBe(testValue);
+        });
 
-        var retrievedValue = $oneModule[module]('setting', 'name');
-        var clonedSetting  = $clone[module]('setting', 'name');
+        it('allows settings to be changed during runtime', function () {
+            $oneModule[module]();
 
-        expect(retrievedValue).toBe(testValue);
-        expect(clonedSetting).toBe(testValue);
+            let retrievedValue = $oneModule[module]('setting', 'name');
 
-        $oneModule[module]({
-          'name': testValue
+            expect(retrievedValue).toBe(name);
         });
+    });
 
-        expect(retrievedValue).toBe(testValue);
-        expect(clonedSetting).toBe(testValue);
-
-      });
+    /* -------------------
+           Groups
+    -------------------- */
 
-      it("does not change other elements settings when changing one element", function() {
-        $modules[module]();
-        $oneModule[module]('setting', 'name', testValue);
+    if (!singleton) {
+        describe('Group Contamination', function () {
+            it('creates settings for all instances', function () {
+                $modules[module]('setting', 'name', testValue);
 
-        var retrievedValue = $oneModule[module]('setting', 'name');
-        var clonedSetting  = $clone[module]('setting', 'name');
+                let retrievedValue = $oneModule[module]('setting', 'name');
+                let clonedSetting  = $clone[module]('setting', 'name');
 
-        expect(retrievedValue).toBe(testValue);
-        expect(clonedSetting).toBe(name);
+                expect(retrievedValue).toBe(testValue);
+                expect(clonedSetting).toBe(testValue);
 
-      });
+                $oneModule[module]({
+                    name: testValue,
+                });
 
-      it("does not change other elements when re-initialized", function() {
-        $modules[module]();
+                expect(retrievedValue).toBe(testValue);
+                expect(clonedSetting).toBe(testValue);
+            });
 
-        $oneModule[module]({
-          'name': testValue
-        });
+            it('does not change other elements settings when changing one element', function () {
+                $modules[module]();
+                $oneModule[module]('setting', 'name', testValue);
 
-        var retrievedValue = $oneModule[module]('setting', 'name');
-        var clonedSetting  = $clone[module]('setting', 'name');
+                let retrievedValue = $oneModule[module]('setting', 'name');
+                let clonedSetting  = $clone[module]('setting', 'name');
 
-        expect(retrievedValue).toBe(testValue);
-        expect(clonedSetting).toBe(name);
+                expect(retrievedValue).toBe(testValue);
+                expect(clonedSetting).toBe(name);
+            });
 
-      });
+            it('does not change other elements when re-initialized', function () {
+                $modules[module]();
 
-    });
+                $oneModule[module]({
+                    name: testValue,
+                });
 
-  }
+                let retrievedValue = $oneModule[module]('setting', 'name');
+                let clonedSetting  = $clone[module]('setting', 'name');
 
-  /*-------------------
-         Destroy
-  --------------------*/
-  describe('Destroy', function() {
+                expect(retrievedValue).toBe(testValue);
+                expect(clonedSetting).toBe(name);
+            });
+        });
+    }
 
-    it("removes all events from page", function() {
-      $module[module]('destroy');
-      if($.events().length > 0) {
-        dump($.events());
-      }
-      expect($.events().length).toBe(0);
-    });
+    /* -------------------
+          Destroy
+    -------------------- */
+    describe('Destroy', function () {
+        it('removes all events from page', function () {
+            $module[module]('destroy');
+            if ($.events().length > 0) {
+                dump($.events());
+            }
+            expect($.events().length).toBe(0);
+        });
 
-    it("removes instance metadata", function() {
-      $module[module]('destroy');
-      expect( $module.data('module-'+ module) ).toBe(undefined);
+        it('removes instance metadata', function () {
+            $module[module]('destroy');
+            expect($module.data('module-' + module)).toBe(undefined);
+        });
     });
-
-  });
-
 }