Fix CSS class for a product's disabled button

Shopify · Apr 18, 2020 · 399594c · 399594c
1 parent cc434a0
commit 399594c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/product.js b/src/components/product.js
@@ -274,7 +274,7 @@ export default class Product extends Component {
   }
 
   get buttonClass() {
-    const disabledClass = this.buttonEnabled ? '' : this.classes.disabled;
+    const disabledClass = this.buttonEnabled ? '' : this.classes.product.disabled;
     const quantityClass = this.options.contents.buttonWithQuantity ? this.classes.product.buttonBesideQty : '';
     return `${disabledClass} ${quantityClass}`;
   }

diff --git a/test/unit/product/product-component.js b/test/unit/product/product-component.js
@@ -1680,12 +1680,12 @@ describe('Product Component class', () => {
 
         it('contains disabled class if button is not enabled', () => {
           product.buttonEnabled = false;
-          assert.include(product.buttonClass, product.classes.disabled);
+          assert.include(product.buttonClass, product.classes.product.disabled);
         });
 
         it('does not contain disabled class if button is enabled', () => {
           product.buttonEnabled = true;
-          assert.notInclude(product.buttonClass, product.classes.disabled);
+          assert.notInclude(product.buttonClass, product.classes.product.disabled);
         });
 
         it('contains buttonBesideQty class if button has quantity', () => {