Adding js test

app/components/bali/chart/index.js

@@ -26,7 +26,7 @@ export class ChartController extends Controller {
       this.displayPercentInTooltip(options)
     }
 
-    Chart.register(...registerables);
+    Chart.register(...registerables)
 
     this.chart = new Chart(element.getContext('2d'), {
       type: this.typeValue,

babel.config.json

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env"
+    ]
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties"
+  ]
+}

cypress.config.js

@@ -9,4 +9,4 @@ module.exports = defineConfig({
     },
     baseUrl: 'http://localhost:3000/rails/view_components'
   }
-})
+})

cypress/e2e/formatters.cy.js

@@ -1,4 +1,4 @@
-import { toInt, toFloat } from '../../app/javascript/bali/utils/formatters'
+import { toInt, toFloat } from '../../app/assets/javascripts/bali/utils/formatters'
 
 describe('toInt', () => {
   it('converts an empty string to 0', () => {

package.json

@@ -0,0 +1,39 @@
+{
+  "name": "bali-view-components",
+  "version": "0.76.0",
+  "description": "Bali ViewComponents",
+  "repository": "[email protected]:Grupo-AFAL/bali.git",
+  "author": "Federico Gonzalez <[email protected]>",
+  "license": "MIT",
+  "private": false,
+  "scripts": {
+    "cy:open": "cypress open",
+    "cy:run": "cypress run"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.17.10",
+    "@babel/eslint-parser": "^7.17.0",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/preset-env": "^7.17.10",
+    "cypress": "^13.6.4",
+    "standard": "^17.0.0"
+  },
+  "standard": {
+    "parser": "@babel/eslint-parser",
+    "globals": [
+      "cy",
+      "it",
+      "context",
+      "describe",
+      "expect",
+      "beforeEach",
+      "Cypress",
+      "fetch",
+      "history",
+      "FormData",
+      "CustomEvent",
+      "localStorage",
+      "DataTransfer"
+    ]
+  }
+}

spec/dummy/app/javascript/application.js

@@ -1,15 +1,10 @@
 // Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
 
-import { application } from "controllers/application"
+import { application } from 'controllers/application'
 import { Turbo } from '@hotwired/turbo-rails'
-import * as ActiveStorage from "@rails/activestorage"
-import * as ActionCable from '@rails/actioncable'
+import * as ActiveStorage from '@rails/activestorage'
 import 'controllers'
 
-ActiveStorage.start()
-
-window.Turbo = Turbo
-
 import { AutoPlayAudioController } from 'bali/auto-play-audio-controller'
 import { AutocompleteAddressController } from 'bali/autocomplete-address-controller'
 import { CheckboxToggleController } from 'bali/checkbox-toggle-controller'
@@ -60,6 +55,10 @@ import { FilterFormController } from 'bali/filters/filter-form'
 import { PopupController } from 'bali/filters/popup'
 import { SelectedController } from 'bali/filters/selected'
 
+ActiveStorage.start()
+
+window.Turbo = Turbo
+
 application.register('avatar', AvatarController)
 application.register('bulk-actions', BulkActionsController)
 application.register('carousel', CarouselController)

spec/dummy/app/javascript/controllers/application.js

@@ -1,9 +1,9 @@
-import { Application } from "@hotwired/stimulus"
+import { Application } from '@hotwired/stimulus'
 
 const application = Application.start()
 
 // Configure Stimulus development experience
 application.debug = false
-window.Stimulus   = application
+window.Stimulus = application
 
 export { application }

spec/dummy/app/javascript/controllers/index.js

@@ -1,10 +1,10 @@
 // Import and register all your controllers from the importmap under controllers/*
 
-import { application } from "controllers/application"
+import { application } from 'controllers/application'
 
 // Eager load all controllers defined in the import map under controllers/**/*_controller
-import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
-eagerLoadControllersFrom("controllers", application)
+import { eagerLoadControllersFrom } from '@hotwired/stimulus-loading'
+eagerLoadControllersFrom('controllers', application)
 
 // Lazy load controllers as they appear in the DOM (remember not to preload controllers in import map!)
 // import { lazyLoadControllersFrom } from "@hotwired/stimulus-loading"