refactored and splitted specs for core and vue_js, cleanup and refactorings, dummy app tmp content

Author: jonasjabari

spec/README.md

@@ -0,0 +1,144 @@
+# This file was generated by the `rails generate rspec:install` command. Conventionally, all
+# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
+# The generated `.rspec` file contains `--require spec_helper` which will cause
+# this file to always be loaded, without a need to explicitly require it in any
+# files.
+#
+# Given that it is always loaded, you are encouraged to keep this file as
+# light-weight as possible. Requiring heavyweight dependencies from this file
+# will add to the boot time of your test suite on EVERY test run, even for an
+# individual file that may not need all of that loaded. Instead, consider making
+# a separate helper file that requires the additional dependencies and performs
+# the additional setup, and require it from the spec files that actually need
+# it.
+#
+# See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
+require 'simplecov'
+SimpleCov.start do
+  enable_coverage :branch
+
+  add_filter "/spec"
+  add_filter %r{^/config/}
+
+
+  add_group "Concepts", "/app/concepts"
+  add_group "Helpers", "/app/helpers"
+  add_group "App Lib", "/app/lib"
+  add_group "Lib", %r{^/lib/}
+
+  track_files "{app,lib}/**/*.rb"
+end
+
+require 'webmock/rspec'
+WebMock.allow_net_connect!
+
+require File.join File.dirname(__FILE__), 'dummy', 'config', 'environment.rb'
+
+Dir[File.join File.dirname(__FILE__), 'test', 'core', 'support', '**', '*.rb'].each { |f| require f }
+
+require 'pry'
+
+# require 'rspec/retry'
+# require "rspec/wait"
+
+RSpec.configure do |config|
+
+  # run retry only on features
+  # config.around :each, :js do |ex|
+  #   ex.run_with_retry retry: 3
+  # end
+
+  # config.include Capybara::DSL
+  # rspec-expectations config goes here. You can use an alternate
+  # assertion/expectation library such as wrong or the stdlib/minitest
+  # assertions if you prefer.
+  config.expect_with :rspec do |expectations|
+    # This option will default to `true` in RSpec 4. It makes the `description`
+    # and `failure_message` of custom matchers include text for helper methods
+    # defined using `chain`, e.g.:
+    #     be_bigger_than(2).and_smaller_than(4).description
+    #     # => "be bigger than 2 and smaller than 4"
+    # ...rather than:
+    #     # => "be bigger than 2"
+    expectations.include_chain_clauses_in_custom_matcher_descriptions = true
+  end
+
+  # rspec-mocks config goes here. You can use an alternate test double
+  # library (such as bogus or mocha) by changing the `mock_with` option here.
+  config.mock_with :rspec do |mocks|
+    # Prevents you from mocking or stubbing a method that does not exist on
+    # a real object. This is generally recommended, and will default to
+    # `true` in RSpec 4.
+    mocks.verify_partial_doubles = true
+  end
+
+  # This option will default to `:apply_to_host_groups` in RSpec 4 (and will
+  # have no way to turn it off -- the option exists only for backwards
+  # compatibility in RSpec 3). It causes shared context metadata to be
+  # inherited by the metadata hash of host groups and examples, rather than
+  # triggering implicit auto-inclusion in groups with matching metadata.
+  config.shared_context_metadata_behavior = :apply_to_host_groups
+
+# The settings below are suggested to provide a good initial experience
+# with RSpec, but feel free to customize to your heart's content.
+=begin
+  # This allows you to limit a spec run to individual examples or groups
+  # you care about by tagging them with `:focus` metadata. When nothing
+  # is tagged with `:focus`, all examples get run. RSpec also provides
+  # aliases for `it`, `describe`, and `context` that include `:focus`
+  # metadata: `fit`, `fdescribe` and `fcontext`, respectively.
+  config.filter_run_when_matching :focus
+
+  # Allows RSpec to persist some state between runs in order to support
+  # the `--only-failures` and `--next-failure` CLI options. We recommend
+  # you configure your source control system to ignore this file.
+  config.example_status_persistence_file_path = "spec/examples.txt"
+
+  # Limits the available syntax to the non-monkey patched syntax that is
+  # recommended. For more details, see:
+  #   - http://rspec.info/blog/2012/06/rspecs-new-expectation-syntax/
+  #   - http://www.teaisaweso.me/blog/2013/05/27/rspecs-new-message-expectation-syntax/
+  #   - http://rspec.info/blog/2014/05/notable-changes-in-rspec-3/#zero-monkey-patching-mode
+  config.disable_monkey_patching!
+
+  # Many RSpec users commonly either run the entire suite or an individual
+  # file, and it's useful to allow more verbose output when running an
+  # individual spec file.
+  if config.files_to_run.one?
+    # Use the documentation formatter for detailed output,
+    # unless a formatter has already been configured
+    # (e.g. via a command-line flag).
+    config.default_formatter = "doc"
+  end
+
+  # Print the 10 slowest examples and example groups at the
+  # end of the spec run, to help surface which specs are running
+  # particularly slow.
+  config.profile_examples = 10
+
+  # Run specs in random order to surface order dependencies. If you find an
+  # order dependency and want to debug it, you can fix the order by providing
+  # the seed, which is printed after each run.
+  #     --seed 1234
+  config.order = :random
+
+  # Seed global randomization in this process using the `--seed` CLI option.
+  # Setting this allows you to use `--seed` to deterministically reproduce
+  # test failures related to randomization by passing the same `--seed` value
+  # as the one that triggered the failure.
+  Kernel.srand config.seed
+=end
+
+  config.before :all, type: :feature do
+    unless Rails.application.routes.url_helpers.method_defined?(:matestack_components_test_path)
+      Rails.application.routes.append do
+        get '/matestack_components_test', to: 'matestack_components#matestack_components_test', as: :matestack_components_test
+        get '/matestack_transition_test', to: 'matestack_components#matestack_transition_test', as: :matestack_transition_test
+        get '/example', to: 'example#page'
+        get '/base_example', to: 'example#base'
+      end
+      Rails.application.reload_routes!
+    end
+  end
+
+end

spec/core_spec_helper.rb

@@ -0,0 +1,7 @@
+class MatestackUiVueJsChannel < ApplicationCable::Channel
+
+  def subscribed
+    stream_from "matestack_ui_vue_js"
+  end
+
+end

spec/dummy/app/channels/matestack_ui_core_channel.rb

@@ -0,0 +1,16 @@
+class DemoCoreController < ActionController::Base
+  include Matestack::Ui::Core::Helper
+
+  layout "application_core"
+
+  matestack_layout Demo::Core::Layout
+
+  def first
+    render Demo::Core::Pages::FirstPage
+  end
+
+  def second
+    render Demo::Core::Pages::SecondPage
+  end
+
+end

spec/dummy/app/channels/matestack_ui_vue_js_channel.rb

@@ -1,21 +1,21 @@
-class DemoController < ActionController::Base
+class DemoVueJsController < ActionController::Base
   include Matestack::Ui::Core::Helper
 
-  matestack_app Demo::App
+  layout "application_vue_js"
+  matestack_layout Demo::VueJs::Layout
 
   def first
-    render Demo::Pages::FirstPage
-    # render html: Demo::Components::StaticComponent.call(foo: "bar"), layout: 'application'
+    render Demo::VueJs::Pages::FirstPage
   end
 
   def second
-    render Demo::Pages::SecondPage
+    render Demo::VueJs::Pages::SecondPage
   end
 
   def ssr_call
-    ActionCable.server.broadcast("matestack_ui_core", {
+    ActionCable.server.broadcast("matestack_ui_vue_js", {
       event: "some_server_event",
-      data: Demo::Components::StaticComponent.call(foo: "bar from server")
+      data: Demo::VueJs::Components::StaticComponent.call(foo: "bar from server")
     })
   end
 

spec/dummy/app/controllers/demo_core_controller.rb

@@ -1,7 +1,7 @@
 import consumer from "./consumer"
-import MatestackUiCore from 'matestack-ui-core'
+import MatestackUiVueJs from 'matestack-ui-vue_js'
 
-consumer.subscriptions.create("MatestackUiCoreChannel", {
+consumer.subscriptions.create("MatestackUiVueJsChannel", {
   connected() {
     console.log('connected')
     // Called when the subscription is ready for use on the server
@@ -12,7 +12,6 @@ consumer.subscriptions.create("MatestackUiCoreChannel", {
   },
 
   received(data) {
-    console.log('received data')
-    MatestackUiCore.matestackEventHub.$emit(data.event, data)
+    MatestackUiVueJs.eventHub.$emit(data.event, data)
   }
 });

spec/dummy/app/controllers/demo_controller.rb renamed to spec/dummy/app/controllers/demo_vue_js_controller.rb

@@ -1,10 +1,10 @@
 //used in specs!
 
-import MatestackUiCore from 'matestack-ui-core'
+import MatestackUiVueJs from 'matestack-ui-vue_js'
 
 const testComponent = {
-  mixins: [MatestackUiCore.componentMixin],
-  template: MatestackUiCore.componentHelpers.inlineTemplate,
+  mixins: [MatestackUiVueJs.componentMixin],
+  template: MatestackUiVueJs.componentHelpers.inlineTemplate,
   data: function data() {
     return {
       dynamic_value: "foo",
@@ -13,23 +13,23 @@ const testComponent = {
   },
   methods:{
     emitMessage: function(event_name, message){
-      MatestackUiCore.eventHub.$emit(event_name, message)
+      MatestackUiVueJs.eventHub.$emit(event_name, message)
     }
   },
   mounted(){
     const self = this
     setTimeout(function () {
       self.dynamic_value = "test-component: bar"
     }, 300);
-    MatestackUiCore.eventHub.$on("some_external_event", function(data){
+    MatestackUiVueJs.eventHub.$on("some_external_event", function(data){
       self.received_message = data;
     })
   }
 };
 
 const myTestComponent = {
-  mixins: [MatestackUiCore.componentMixin],
-  template: MatestackUiCore.componentHelpers.inlineTemplate,
+  mixins: [MatestackUiVueJs.componentMixin],
+  template: MatestackUiVueJs.componentHelpers.inlineTemplate,
   data: function data() {
     return {
       dynamic_value: "foo"
@@ -44,8 +44,8 @@ const myTestComponent = {
 };
 
 const customFormInputComponent = {
-  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formInputMixin],
-  template: MatestackUiCore.componentHelpers.inlineTemplate,
+  mixins: [MatestackUiVueJs.componentMixin, MatestackUiVueJs.formInputMixin],
+  template: MatestackUiVueJs.componentHelpers.inlineTemplate,
   data() {
     return {};
   },
@@ -70,8 +70,8 @@ const customFormInputComponent = {
 };
 
 const customFormTextareaComponent = {
-  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formTextareaMixin],
-  template: MatestackUiCore.componentHelpers.inlineTemplate,
+  mixins: [MatestackUiVueJs.componentMixin, MatestackUiVueJs.formTextareaMixin],
+  template: MatestackUiVueJs.componentHelpers.inlineTemplate,
   data() {
     return {};
   },
@@ -93,8 +93,8 @@ const customFormTextareaComponent = {
 };
 
 const customFormRadioComponent = {
-  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formRadioMixin],
-  template: MatestackUiCore.componentHelpers.inlineTemplate,
+  mixins: [MatestackUiVueJs.componentMixin, MatestackUiVueJs.formRadioMixin],
+  template: MatestackUiVueJs.componentHelpers.inlineTemplate,
   data() {
     return {};
   },
@@ -116,8 +116,8 @@ const customFormRadioComponent = {
 };
 
 const customFormCheckboxComponent = {
-  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formCheckboxMixin],
-  template: MatestackUiCore.componentHelpers.inlineTemplate,
+  mixins: [MatestackUiVueJs.componentMixin, MatestackUiVueJs.formCheckboxMixin],
+  template: MatestackUiVueJs.componentHelpers.inlineTemplate,
   data() {
     return {};
   },
@@ -139,8 +139,8 @@ const customFormCheckboxComponent = {
 };
 
 const customFormSelectComponent = {
-  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formSelectMixin],
-  template: MatestackUiCore.componentHelpers.inlineTemplate,
+  mixins: [MatestackUiVueJs.componentMixin, MatestackUiVueJs.formSelectMixin],
+  template: MatestackUiVueJs.componentHelpers.inlineTemplate,
   data() {
     return {};
   },

spec/dummy/app/javascript/channels/matestack_ui_core_channel.js renamed to spec/dummy/app/javascript/channels/matestack_ui_vue_js_channel.js

@@ -11,18 +11,10 @@ require("@rails/ujs").start()
 require("channels")
 
 import { createApp } from 'vue'
-import MatestackUiCore from 'matestack-ui-core'
-
-//for specs only
-window.MatestackUiCore = MatestackUiCore // making MatestackUiCore globally available for test compatability
-// MatestackUiCore.Vue = Vue // test compatability
-import registerCustomComponents from '../js/components' //for specs only
-//for specs only
+import MatestackUiVueJs from 'matestack-ui-vue_js'
 
 const appInstance = createApp({})
 
-registerCustomComponents(appInstance) //for specs only
-
 document.addEventListener('DOMContentLoaded', () => {
-  MatestackUiCore.mount(appInstance, '#matestack-ui')
+  MatestackUiVueJs.mount(appInstance)
 })

spec/dummy/app/javascript/js/components.js

@@ -0,0 +1,11 @@
+/* eslint no-console:0 */
+// This file is automatically compiled by Webpack, along with any other files
+// present in this directory. You're encouraged to place your actual application logic in
+// a relevant structure within app/javascript and only use these pack files to reference
+// that code so it'll be compiled.
+//
+// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
+// layout file, like app/views/layouts/application.html.erb
+
+// require("@rails/ujs").start()
+// require("channels")