CCP-2395 Add more classnames to components

shopgate · Mar 19, 2021 · c5f8dda · c5f8dda
1 parent 8e79f5a
commit c5f8dda
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 3 deletions.
diff --git a/libraries/ui-shared/CartTotalLine/index.jsx b/libraries/ui-shared/CartTotalLine/index.jsx
@@ -17,7 +17,7 @@ const CartTotalLine = ({ children, type, isDisabled }) => {
   return (
     <div
       className={classNames(
-        'ui-shared__cart-total-line',
+        `ui-shared__cart-total-line ui-shared__cart-${type}-line`,
         styles.line,
         {
           [styles.disabled]: isDisabled,

diff --git a/...omponents/Product/components/Layout/components/QuantityPicker/__snapshots__/spec.jsx.snap b/...omponents/Product/components/Layout/components/QuantityPicker/__snapshots__/spec.jsx.snap
@@ -8,6 +8,7 @@ exports[`<QuantityPicker /> Given editMode prop is handled correctly should blur
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -34,6 +35,7 @@ exports[`<QuantityPicker /> Given editMode prop is handled correctly should focu
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -60,6 +62,7 @@ exports[`<QuantityPicker /> Given onChange callback is triggered correctly shoul
   quantity={2}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -100,6 +103,7 @@ exports[`<QuantityPicker /> Given onChange callback is triggered correctly shoul
   quantity={2}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -147,6 +151,7 @@ exports[`<QuantityPicker /> Given onToggleEditMode callback is triggered correct
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -187,6 +192,7 @@ exports[`<QuantityPicker /> Given onToggleEditMode callback is triggered correct
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -213,6 +219,7 @@ exports[`<QuantityPicker /> should fall back to its default of 1, if 0 is suppli
   quantity={0}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -239,6 +246,7 @@ exports[`<QuantityPicker /> should fall back to the previous value when the last
   quantity={124}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -265,6 +273,7 @@ exports[`<QuantityPicker /> should have an amount of 1 by default 1`] = `
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -291,6 +300,7 @@ exports[`<QuantityPicker /> should have an amount of 3 via prop 1`] = `
   quantity={3}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -317,6 +327,7 @@ exports[`<QuantityPicker /> should reset the amount to 1 if set to lower than 0
   quantity={-1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input

diff --git a/.../components/Item/components/Product/components/Layout/components/QuantityPicker/index.jsx b/.../components/Item/components/Product/components/Layout/components/QuantityPicker/index.jsx
@@ -201,7 +201,7 @@ class QuantityPicker extends Component {
    */
   render() {
     return (
-      <form onSubmit={this.handleSubmitForm}>
+      <form onSubmit={this.handleSubmitForm} className="theme__cart__product__quantity-picker">
         <input
           ref={this.setRef}
           type="number"

diff --git a/...omponents/Product/components/Layout/components/QuantityPicker/__snapshots__/spec.jsx.snap b/...omponents/Product/components/Layout/components/QuantityPicker/__snapshots__/spec.jsx.snap
@@ -8,6 +8,7 @@ exports[`<QuantityPicker /> Given editMode prop is handled correctly should blur
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -34,6 +35,7 @@ exports[`<QuantityPicker /> Given editMode prop is handled correctly should focu
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -60,6 +62,7 @@ exports[`<QuantityPicker /> Given onChange callback is triggered correctly shoul
   quantity={2}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -100,6 +103,7 @@ exports[`<QuantityPicker /> Given onChange callback is triggered correctly shoul
   quantity={2}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -147,6 +151,7 @@ exports[`<QuantityPicker /> Given onToggleEditMode callback is triggered correct
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -187,6 +192,7 @@ exports[`<QuantityPicker /> Given onToggleEditMode callback is triggered correct
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -213,6 +219,7 @@ exports[`<QuantityPicker /> should fall back to its default of 1, if 0 is suppli
   quantity={0}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -239,6 +246,7 @@ exports[`<QuantityPicker /> should fall back to the previous value when the last
   quantity={124}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -265,6 +273,7 @@ exports[`<QuantityPicker /> should have an amount of 1 by default 1`] = `
   quantity={1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -291,6 +300,7 @@ exports[`<QuantityPicker /> should have an amount of 3 via prop 1`] = `
   quantity={3}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input
@@ -317,6 +327,7 @@ exports[`<QuantityPicker /> should reset the amount to 1 if set to lower than 0
   quantity={-1}
 >
   <form
+    className="theme__cart__product__quantity-picker"
     onSubmit={[Function]}
   >
     <input

diff --git a/.../components/Item/components/Product/components/Layout/components/QuantityPicker/index.jsx b/.../components/Item/components/Product/components/Layout/components/QuantityPicker/index.jsx
@@ -201,7 +201,7 @@ class QuantityPicker extends Component {
    */
   render() {
     return (
-      <form onSubmit={this.handleSubmitForm}>
+      <form onSubmit={this.handleSubmitForm} className="theme__cart__product__quantity-picker">
         <input
           ref={this.setRef}
           type="number"