@akinon/pz-checkout-gift-pack 2.0.0-beta.6 → 2.0.0-beta.8

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @akinon/pz-checkout-gift-pack
 
+## 2.0.0-beta.8
+
+## 2.0.0-beta.7
+
 ## 2.0.0-beta.6
 
 ### Minor Changes

package/README.md

@@ -1,10 +1,13 @@
 # @akinon/pz-checkout-gift-package
 
-### Install the npm package
+## Installation
+
+You can use the following command to install the extension with the latest plugins:
 
 ```bash
-# For latest version
-yarn add @akinon/pz-checkout-gift-package
+
+npx @akinon/projectzero@latest --plugins
+
 ```
 
 ### Props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-checkout-gift-pack",
-  "version": "2.0.0-beta.6",
+  "version": "2.0.0-beta.8",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {

package/src/index.tsx

@@ -126,13 +126,17 @@ export const CheckoutGiftPack = ({
         rows={4}
         placeholder={_translations.placeholderInput}
         {...register('message')}
+        data-testid="gift-note-input"
       />
       {errors.message && (
-        <span className="text-sm text-[#d72a04] text-[0.875rem]">
+        <span
+          className="text-sm text-[#d72a04] text-[0.875rem]"
+          data-testid="error-message"
+        >
           {errors.message.message}
         </span>
       )}
-      <div className="text-[0.75rem]">
+      <div className="text-[0.75rem]" data-testid="characters-length">
         {noteLength} / 160 {_translations.charactersLength}
       </div>
       <div className="flex justify-end items-end gap-2">
@@ -141,6 +145,7 @@ export const CheckoutGiftPack = ({
             appearance="ghost"
             className="text-[0.75rem] underline cursor-pointer border-0 px-0 py-0 h-auto hover:bg-transparent hover:text-[#e95151]"
             onClick={removeGiftNote}
+            data-testid="remove-gift-note-button"
           >
             {_translations.removeGiftNoteText}
           </Button>
@@ -149,6 +154,7 @@ export const CheckoutGiftPack = ({
           type="submit"
           className="w-[7rem] h-[1.75rem] font-[0.75rem] uppercase"
           appearance="outlined"
+          data-testid="save-gift-pack-button"
         >
           {_translations.save}
         </Button>
@@ -175,6 +181,7 @@ export const CheckoutGiftPack = ({
                 appearance="ghost"
                 className="cursor-pointer border-0 px-0 py-0 text-[1rem] font-light h-auto hover:bg-transparent hover:text-[#000000]"
                 onClick={() => addGiftPack({ note: DEFAULT_NOTE })}
+                data-testid="add-gift-pack-button"
               >
                 {_translations.addGiftPackText}
               </Button>
@@ -193,6 +200,7 @@ export const CheckoutGiftPack = ({
             await removeGiftPack().unwrap();
             setIsNoteFormOpen(false);
           }}
+          data-testid="remove-gift-pack-button"
         >
           {_translations.removeGiftPackText}
         </Button>
@@ -206,15 +214,20 @@ export const CheckoutGiftPack = ({
         )}
       >
         <div className="flex justify-between items-center">
-          <span>{_translations.informationText}</span>
+          <span data-testid="information-text">
+            {_translations.informationText}
+          </span>
           <Icon name="giftbox" size={14} className="fill-[#58585a]" />
         </div>
         <div className="flex justify-between items-center gap-8">
-          <span>{giftBox?.note !== DEFAULT_NOTE ? giftBox?.note : ''}</span>
+          <span data-testid="saved-gift-note">
+            {giftBox?.note !== DEFAULT_NOTE ? giftBox?.note : ''}
+          </span>
           <Button
             appearance="ghost"
             className="underline cursor-pointer shrink-0 border-0 px-0 py-0 h-auto hover:bg-transparent hover:text-[#000000]"
             onClick={() => setIsNoteFormOpen(true)}
+            data-testid="update-gift-pack-button"
           >
             {_translations.updateNote}
           </Button>