workarea-swatches 1.0.5

data/test/integration/workarea/admin/swatches_integration_test.rb

@@ -0,0 +1,37 @@
+require 'test_helper'
+
+module Workarea
+  module Admin
+    class SwatchesIntegrationTest < Workarea::IntegrationTest
+      include Admin::IntegrationTest
+
+      def test_create
+        post admin.catalog_swatches_path,
+          params: { swatch: { name: 'Red', hex: '000000' } }
+
+        assert_equal(1, Catalog::Swatch.count)
+        swatch = Catalog::Swatch.find('red')
+        assert_equal('Red', swatch.name)
+        assert_equal('#000000', swatch.hex)
+      end
+
+      def test_update
+        swatch = create_swatch(name: 'Red', hex: '000000')
+
+        patch admin.catalog_swatch_path(swatch),
+          params: { swatch: { name: 'Redder', hex: '111111' } }
+
+        assert_equal(1, Catalog::Swatch.count)
+        swatch = Catalog::Swatch.find('red')
+        assert_equal('Redder', swatch.name)
+        assert_equal('#111111', swatch.hex)
+      end
+
+      def test_destroy
+        swatch = create_swatch(name: 'Red', hex: '000000')
+        delete admin.catalog_swatch_path(swatch)
+        assert_equal(0, Catalog::Swatch.count)
+      end
+    end
+  end
+end

data/test/integration/workarea/storefront/swatches_integration_test.rb

@@ -0,0 +1,72 @@
+require 'test_helper'
+
+module Workarea
+  module Storefront
+    class SwatchesIntegrationTest < Workarea::IntegrationTest
+      setup :set_products
+      setup :set_swatches
+
+      def set_products
+        @products = [
+          create_product(
+            name: 'Test Product 1',
+            filters: { 'Color' => %w(Red Blue) }
+          ),
+          create_product(
+            name: 'Test Product 2',
+            filters: { 'Color' => %w(Red Green) }
+          )
+        ]
+      end
+
+      def set_swatches
+        create_swatch(name: 'Red', hex: 'ff0000')
+        create_swatch(name: 'Blue', hex: '0000ff')
+        create_swatch(name: 'Green', image: product_image_file)
+
+        Search::Settings.current.update_attributes!(swatch_facets: ['Color'])
+      end
+
+      def test_showing_swatch_filters_on_search
+        get storefront.search_path(q: 'test')
+        assert_select('.swatch-facet--red', 2)
+        assert_select('.swatch-facet--blue', 2)
+        assert_select('.swatch-facet--green', 2)
+        assert_includes(response.body, '#ff0000')
+        assert_includes(response.body, '#0000ff')
+
+        get storefront.search_path(q: 'test', color: ['Red'])
+        assert_select('.swatch-facet--red', 2)
+        assert_select('.swatch-facet--blue', 2)
+        assert_select('.swatch-facet--green', 2)
+        assert_includes(response.body, '#ff0000')
+        assert_includes(response.body, '#0000ff')
+
+        get storefront.search_path(q: 'test', color: ['Blue'])
+        assert_select('.swatch-facet--red', 2)
+        assert_select('.swatch-facet--blue', 2)
+        assert_select('.swatch-facet--green', 2)
+        assert_includes(response.body, '#ff0000')
+        assert_includes(response.body, '#0000ff')
+      end
+
+      def test_showing_product_with_no_swatches_present_on_browse_pages
+        product = create_product(
+          template: 'swatches',
+          variants: [
+            {
+              sku: 'SKU1',
+              details: { size: 'Small' }
+            },
+          ]
+        )
+
+        category = create_category(product_ids: [product.id])
+
+        get storefront.category_path(category)
+
+        assert_includes(response.body, 'Test Product')
+      end
+    end
+  end
+end

data/test/system/workarea/admin/swatches_system_test.rb

@@ -0,0 +1,58 @@
+require 'test_helper'
+
+module Workarea
+  module Admin
+    class SwatchesSystemTest < SystemTest
+      include Admin::IntegrationTest
+
+      def test_managing
+        visit admin.catalog_swatches_path
+        assert(
+          page.has_content?(
+            t('workarea.admin.catalog_swatches.index.no_swatches')
+          )
+        )
+
+        fill_in 'swatch[name]', with: 'Red'
+        fill_in 'swatch[hex]', with: '000000'
+        click_button 'save_new_swatch'
+
+        assert(page.has_content?('Success'))
+        assert(page.has_content?('Red'))
+
+        click_button 'remove_swatch'
+        assert(page.has_content?('Success'))
+        assert(page.has_no_content?('Red'))
+        assert(
+          page.has_content?(
+            t('workarea.admin.catalog_swatches.index.no_swatches')
+          )
+        )
+
+        fill_in 'settings[swatch_facets_list]', with: 'Color, Material'
+        click_button 'save_settings'
+        assert_current_path(admin.catalog_swatches_path)
+        assert(page.has_content?('Success'))
+      end
+
+      def test_managing_on_products
+        product = create_product
+        visit admin.catalog_product_swatches_path(product)
+
+        fill_in 'swatch[name]', with: 'Blue'
+        attach_file 'swatch[image]', product_image_file_path
+        click_button 'save_new_swatch'
+
+        assert_equal(admin.catalog_product_swatches_path(product), current_path)
+        assert(page.has_content?('Success'))
+        assert(page.has_content?('Blue'))
+
+        click_button 'remove_swatch'
+
+        assert_equal(admin.catalog_product_swatches_path(product), current_path)
+        assert(page.has_content?('Success'))
+        assert(page.has_no_content?('Blue'))
+      end
+    end
+  end
+end

data/test/system/workarea/storefront/browse_swatches_system_test.rb

@@ -0,0 +1,50 @@
+require 'test_helper'
+
+module Workarea
+  module Storefront
+    class BrowseSwatchesSystemTest < Workarea::SystemTest
+      def test_swatches_on_browse_pages
+        create_swatch(name: 'Red', image: product_image_file)
+        create_swatch(name: 'Blue', hex: '0000ff')
+
+        product = create_product(
+          template: 'swatches',
+          variants: [
+            {
+              sku: 'SKU1',
+              details: { color: 'Red', size: 'Small', material: 'Cotton' }
+            },
+            {
+              sku: 'SKU2',
+              details: { color: 'Blue', size: 'Small', material: 'Suede' }
+            }
+          ]
+        )
+
+        category = create_category(product_ids: [product.id])
+
+        visit storefront.category_path(category)
+
+        assert_selector('.swatch-options__swatch-button-image--red')
+        assert_selector('.swatch-options__swatch-button--blue')
+
+        find('.swatch-options__swatch-button-image--red').click
+        wait_for_xhr
+
+        assert_selector(
+          '.swatch-options__swatch--selected .swatch-options__swatch-button-image--red'
+        )
+
+        find('.swatch-options__swatch-button--blue').click
+        wait_for_xhr
+
+        assert_selector(
+          '.swatch-options__swatch--selected .swatch-options__swatch-button--blue'
+        )
+
+        click_link product.name, match: :first
+        assert_current_path(storefront.product_path(product, color: 'Blue'))
+      end
+    end
+  end
+end

data/test/system/workarea/storefront/swatches_system_test.rb

@@ -0,0 +1,101 @@
+require 'test_helper'
+
+module Workarea
+  module Storefront
+    class SwatchesSystemTest < Workarea::SystemTest
+      def test_product_template
+        create_swatch(name: 'Red', image: product_image_file)
+        create_swatch(name: 'Blue', hex: '0000ff')
+        product = create_product(
+          template: 'swatches',
+          variants: [
+            {
+              sku: 'SKU1',
+              details: { color: 'Red', size: 'Large', material: 'Cotton' }
+            },
+            {
+              sku: 'SKU2',
+              details: { color: 'Red', size: 'Small', material: 'Cotton' }
+            },
+            {
+              sku: 'SKU3',
+              details: { color: 'Blue', size: 'Small', material: 'Suede' }
+            }
+          ]
+        )
+
+        visit storefront.product_path(product)
+
+        within '.product-details' do
+          assert(page.has_selector?('.option-button__image--red'))
+          assert(page.has_selector?('.option-button__swatch--blue'))
+          assert(page.has_selector?('[style="background-color: #0000ff;"]'))
+          assert(page.has_content?('Large'))
+          assert(page.has_content?('Small'))
+          assert(page.has_content?('Cotton'))
+          assert(page.has_content?('Suede'))
+
+          find('.option-button__image--red').click
+          assert(page.has_selector?('.option-button__image--red'))
+          assert(page.has_selector?('.option-button__swatch--blue'))
+          assert(page.has_selector?('[style="background-color: #0000ff;"]'))
+          assert(page.has_content?('Large'))
+          assert(page.has_content?('Small'))
+          assert(page.has_content?('Cotton'))
+          assert(page.has_no_content?('Suede'))
+
+          click_link 'Small'
+          assert(page.has_selector?('.option-button__image--red'))
+          assert(page.has_selector?('.option-button__swatch--blue'))
+          assert(page.has_selector?('[style="background-color: #0000ff;"]'))
+          assert(page.has_content?('Large'))
+          assert(page.has_content?('Small'))
+          assert(page.has_content?('Cotton'))
+          assert(page.has_no_content?('Suede'))
+
+          find('.option-button__swatch--blue').click
+          assert(page.has_selector?('.option-button__image--red'))
+          assert(page.has_selector?('.option-button__swatch--blue'))
+          assert(page.has_selector?('[style="background-color: #0000ff;"]'))
+          assert(page.has_no_content?('Large'))
+          assert(page.has_content?('Small'))
+          assert(page.has_no_content?('Cotton'))
+          assert(page.has_content?('Suede'))
+
+          find('.option-button__swatch--blue').click # to unselect
+          assert(page.has_selector?('.option-button__image--red'))
+          assert(page.has_selector?('.option-button__swatch--blue'))
+          assert(page.has_selector?('[style="background-color: #0000ff;"]'))
+          assert(page.has_content?('Large'))
+          assert(page.has_content?('Small'))
+          assert(page.has_content?('Cotton'))
+          assert(page.has_content?('Suede'))
+
+          find('.option-button__swatch--blue').click
+          click_link t('workarea.storefront.products.clear_selections')
+          assert(page.has_selector?('.option-button__image--red'))
+          assert(page.has_selector?('.option-button__swatch--blue'))
+          assert(page.has_selector?('[style="background-color: #0000ff;"]'))
+          assert(page.has_content?('Large'))
+          assert(page.has_content?('Small'))
+          assert(page.has_content?('Cotton'))
+          assert(page.has_content?('Suede'))
+        end
+
+        visit storefront.product_path(product, sku: 'SKU1')
+        within '.product-details' do
+          assert(page.has_selector?('.option-button__image--red'))
+          assert(page.has_no_selector?('.option-button__swatch--blue'))
+          assert(page.has_no_selector?('[style="background-color: #0000ff;"]'))
+          assert(page.has_content?('Large'))
+          assert(page.has_content?('Small'))
+          assert(page.has_content?('Cotton'))
+          assert(page.has_no_content?('Suede'))
+          assert(page.has_selector?('.option-button--red.option-button--active'))
+          assert(page.has_selector?('.option-button--large.option-button--active'))
+          assert(page.has_selector?('.option-button--cotton.option-button--active'))
+        end
+      end
+    end
+  end
+end

data/test/teaspoon_env.rb

@@ -0,0 +1,6 @@
+require 'workarea/testing/teaspoon'
+
+Teaspoon.configure do |config|
+  config.root = Workarea::Swatches::Engine.root
+  Workarea::Teaspoon.apply(config)
+end

data/test/test_helper.rb

@@ -0,0 +1,10 @@
+# Configure Rails Environment
+ENV['RAILS_ENV'] = 'test'
+
+require File.expand_path('../../test/dummy/config/environment.rb', __FILE__)
+require 'rails/test_help'
+require 'workarea/test_help'
+
+# Filter out Minitest backtrace while allowing backtrace from other libraries
+# to be shown.
+Minitest.backtrace_filter = Minitest::BacktraceFilter.new

data/test/view_models/workarea/storefront/product_templates/swatches_view_model_test.rb

@@ -0,0 +1,74 @@
+require 'test_helper'
+
+module Workarea
+  module Storefront
+    module ProductTemplates
+      class SwatchesViewModelTest < TestCase
+        def test_groups_images_by_options
+          product = create_product(
+            images: [
+              { image: product_image_file, option: 'blue' },
+              { image: product_image_file, option: 'red' },
+              { image: product_image_file, option: 'Blue' },
+              { image: product_image_file, option: nil }
+            ]
+         )
+
+         view_model = SwatchesViewModel.wrap(product)
+         assert_equal(2, view_model.images_by_option.size)
+         assert_equal(2, view_model.images_by_option['blue'].size)
+         assert_equal(1, view_model.images_by_option['red'].size)
+        end
+
+        def test_swatches_by_options
+          product = create_product(swatches: [{ name: 'Blue' }, { name: 'Red' }])
+          blue = create_swatch(name: 'Blue')
+          green = create_swatch(name: 'Green')
+
+          view_model = SwatchesViewModel.wrap(product)
+          assert_equal(3, view_model.swatches_by_option.size)
+          assert_equal(green, view_model.swatches_by_option['green'])
+          assert_equal(
+            product.swatches.find('blue'),
+            view_model.swatches_by_option['blue']
+          )
+          assert_equal(
+            product.swatches.find('red'),
+            view_model.swatches_by_option['red']
+          )
+        end
+
+        def test_browse_link_options
+          product = create_product(
+            variants: [{ sku: 'SKU', details: { 'Color' => %w(red) } }]
+          )
+
+          view_model = SwatchesViewModel.wrap(product, color: 'red')
+          assert_equal('red', view_model.browse_link_options['color'])
+        end
+
+        def test_browse_swatch_option
+          product = create_product(
+            variants: [
+              { sku: 'SKU', details: { 'Color' => %w(red), 'Size' => %w(large) } },
+              { sku: 'SKU', details: { 'Color' => %w(blue), 'Size' => %w(small) } }
+            ]
+          )
+
+          Workarea.with_config do |config|
+            config.option_selections_sort = ->(p, o) { o.sort_by(&:name) }
+            config.browse_swatch_option = ->(product, options) { options.first }
+
+            view_model = SwatchesViewModel.wrap(product)
+            assert_equal('color', view_model.browse_swatch_option.slug)
+
+            config.browse_swatch_option = ->(product, options) { options.last }
+
+            view_model = SwatchesViewModel.wrap(product)
+            assert_equal('size', view_model.browse_swatch_option.slug)
+          end
+        end
+      end
+    end
+  end
+end

data/workarea-swatches.gemspec

@@ -0,0 +1,19 @@
+$:.push File.expand_path('../lib', __FILE__)
+
+# Maintain your gem's version:
+require 'workarea/swatches/version'
+
+# Describe your gem and declare its dependencies:
+Gem::Specification.new do |s|
+  s.name        = 'workarea-swatches'
+  s.version     = Workarea::Swatches::VERSION
+  s.authors     = ['Ben Crouse']
+  s.email       = ['bcrouse@weblinc.com']
+  s.homepage    = 'https://github.com/workarea-commerce/workarea-swatches'
+  s.summary     = 'Adds swatching to the Workarea platform'
+  s.description = 'Provides global and custom swatches for products'
+
+  s.files = `git ls-files`.split("\n")
+
+  s.license = 'Business Software License'
+end

metadata

@@ -0,0 +1,147 @@
+--- !ruby/object:Gem::Specification
+name: workarea-swatches
+version: !ruby/object:Gem::Version
+  version: 1.0.5
+platform: ruby
+authors:
+- Ben Crouse
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-08-21 00:00:00.000000000 Z
+dependencies: []
+description: Provides global and custom swatches for products
+email:
+- bcrouse@weblinc.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".editorconfig"
+- ".github/ISSUE_TEMPLATE/bug_report.md"
+- ".github/ISSUE_TEMPLATE/documentation-request.md"
+- ".github/ISSUE_TEMPLATE/feature_request.md"
+- ".gitignore"
+- CHANGELOG.md
+- CODE_OF_CONDUCT.md
+- CONTRIBUTING.md
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/workarea/storefront/swatches/modules/product_summary_swatches.js
+- app/assets/stylesheets/workarea/storefront/swatches/components/_option_button.scss
+- app/assets/stylesheets/workarea/storefront/swatches/components/_swatch_facet.scss
+- app/assets/stylesheets/workarea/storefront/swatches/components/_swatch_options.scss
+- app/controllers/workarea/admin/catalog_product_swatches_controller.rb
+- app/controllers/workarea/admin/catalog_swatches_controller.rb
+- app/controllers/workarea/storefront/products_controller.decorator
+- app/helpers/workarea/storefront/swatches_helper.rb
+- app/models/workarea/catalog/product.decorator
+- app/models/workarea/catalog/product_swatch.rb
+- app/models/workarea/catalog/swatch.rb
+- app/models/workarea/search/settings.decorator
+- app/queries/workarea/search/category_browse.decorator
+- app/queries/workarea/search/product_search.decorator
+- app/queries/workarea/search/swatched_facets.rb
+- app/queries/workarea/search/swatches_facet.rb
+- app/seeds/workarea/swatches_seeds.rb
+- app/view_models/workarea/storefront/product_templates/swatches_view_model.rb
+- app/views/workarea/admin/activities/_catalog_product_swatch_create.html.haml
+- app/views/workarea/admin/activities/_catalog_product_swatch_destroy.html.haml
+- app/views/workarea/admin/activities/_catalog_swatch_create.html.haml
+- app/views/workarea/admin/activities/_catalog_swatch_destroy.html.haml
+- app/views/workarea/admin/catalog_product_swatches/edit.html.haml
+- app/views/workarea/admin/catalog_product_swatches/index.html.haml
+- app/views/workarea/admin/catalog_products/_swatches_card.html.haml
+- app/views/workarea/admin/catalog_swatches/_primary_navigation.html.haml
+- app/views/workarea/admin/catalog_swatches/index.html.haml
+- app/views/workarea/api/storefront/facets/_swatches.json.jbuilder
+- app/views/workarea/storefront/facets/_swatches.html.haml
+- app/views/workarea/storefront/products/_swatch_summary.html.haml
+- app/views/workarea/storefront/products/templates/_swatches.html.haml
+- bin/rails
+- config/initializers/dragonfly.rb
+- config/initializers/workarea.rb
+- config/locales/en.yml
+- config/routes.rb
+- lib/tasks/swatches_tasks.rake
+- lib/workarea/swatches.rb
+- lib/workarea/swatches/engine.rb
+- lib/workarea/swatches/version.rb
+- test/dummy/Rakefile
+- test/dummy/app/assets/config/manifest.js
+- test/dummy/app/assets/javascripts/application.js
+- test/dummy/app/assets/stylesheets/application.css
+- test/dummy/app/controllers/application_controller.rb
+- test/dummy/app/helpers/application_helper.rb
+- test/dummy/app/jobs/application_job.rb
+- test/dummy/app/mailers/application_mailer.rb
+- test/dummy/app/views/layouts/application.html.erb
+- test/dummy/app/views/layouts/mailer.html.erb
+- test/dummy/app/views/layouts/mailer.text.erb
+- test/dummy/bin/bundle
+- test/dummy/bin/rails
+- test/dummy/bin/rake
+- test/dummy/bin/setup
+- test/dummy/bin/update
+- test/dummy/bin/yarn
+- test/dummy/config.ru
+- test/dummy/config/application.rb
+- test/dummy/config/boot.rb
+- test/dummy/config/cable.yml
+- test/dummy/config/environment.rb
+- test/dummy/config/environments/development.rb
+- test/dummy/config/environments/production.rb
+- test/dummy/config/environments/test.rb
+- test/dummy/config/initializers/application_controller_renderer.rb
+- test/dummy/config/initializers/assets.rb
+- test/dummy/config/initializers/backtrace_silencers.rb
+- test/dummy/config/initializers/cookies_serializer.rb
+- test/dummy/config/initializers/filter_parameter_logging.rb
+- test/dummy/config/initializers/inflections.rb
+- test/dummy/config/initializers/mime_types.rb
+- test/dummy/config/initializers/workarea.rb
+- test/dummy/config/initializers/wrap_parameters.rb
+- test/dummy/config/locales/en.yml
+- test/dummy/config/puma.rb
+- test/dummy/config/routes.rb
+- test/dummy/config/secrets.yml
+- test/dummy/config/spring.rb
+- test/dummy/db/seeds.rb
+- test/dummy/log/.keep
+- test/factories/workarea/swatches.rb
+- test/integration/workarea/admin/product_swatches_integration_test.rb
+- test/integration/workarea/admin/swatches_integration_test.rb
+- test/integration/workarea/storefront/swatches_integration_test.rb
+- test/system/workarea/admin/swatches_system_test.rb
+- test/system/workarea/storefront/browse_swatches_system_test.rb
+- test/system/workarea/storefront/swatches_system_test.rb
+- test/teaspoon_env.rb
+- test/test_helper.rb
+- test/view_models/workarea/storefront/product_templates/swatches_view_model_test.rb
+- workarea-swatches.gemspec
+homepage: https://github.com/workarea-commerce/workarea-swatches
+licenses:
+- Business Software License
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.4
+signing_key: 
+specification_version: 4
+summary: Adds swatching to the Workarea platform
+test_files: []