q2-tecton-elements 1.38.0 → 1.38.1

package/dist/test/elements/q2-input-test.e2e.js

@@ -1195,20 +1195,21 @@ describe('q2-input', () => {
       await innerInput.press('o');
       expect(await innerInput.getProperty('value')).toEqual('aafo');
     });
-    it('should move the cursor to the end if type is currency when first character is deleted', async () => {
+    it('should not move the cursor to the end if type is currency when first character is deleted', async () => {
       const page = await setup({
         html: '<q2-input type="currency" value="123"></q2input>',
       });
       const innerInput = await page.find('q2-input >>> .input-field');
       await page.waitForChanges();
       const currentPosition = await innerInput.getProperty('selectionStart');
+      // For loop pushes cursor to left end position of input.value
       for (let i = 0; i < currentPosition - 1; i++) {
         await innerInput.press('ArrowLeft');
       }
       await innerInput.press('Backspace');
       await page.waitForChanges();
       const newPosition = await innerInput.getProperty('selectionStart');
-      expect(newPosition).toEqual(currentPosition - 1);
+      expect(newPosition).toEqual(0); // 0 represents that cursor stays at far left (begining position of input.value)
     });
     it('should not move the cursor position if type is not currency when first character is deleted', async () => {
       const page = await setup({
@@ -1619,6 +1620,47 @@ describe('q2-input', () => {
         });
       });
     });
+    describe('hideLabel', () => {
+      describe('when hideLabel is provided', () => {
+        it('hides the label element', async () => {
+          const page = await setup({ html: '<q2-input hide-label/>' });
+          const input = await page.find('q2-input');
+          expect(input).toHaveAttribute('hide-label');
+          input.setProperty('label', 'My Label');
+          await page.waitForChanges();
+          expect(input).toHaveAttribute('hide-label');
+          input.setAttribute('label', 'Your Label');
+          await page.waitForChanges();
+          expect(input).toHaveAttribute('hide-label');
+        });
+      });
+      describe('when hideLabel is NOT provided', () => {
+        it('when optional is provided, it hides the label element', async () => {
+          const page = await setup({ html: '<q2-input optional/>' });
+          const label = await page.find('q2-input >>> label');
+          const hasSRClass = label.classList.contains('sr');
+          expect(hasSRClass).toBeTruthy();
+        });
+        it('when readonly is provided, it hides the label element', async () => {
+          const page = await setup({ html: '<q2-input readonly/>' });
+          const label = await page.find('q2-input >>> label');
+          const hasSRClass = label.classList.contains('sr');
+          expect(hasSRClass).toBeTruthy();
+        });
+        it('when label is provided, it shows the label element', async () => {
+          const page = await setup({ html: '<q2-input label="My Label"/>' });
+          const label = await page.find('q2-input >>> label');
+          const hasSRClass = label.classList.contains('sr');
+          expect(hasSRClass).toBeFalsy();
+        });
+        it('when label is not provided, it hides the label element', async () => {
+          const page = await setup({ html: '<q2-input />' });
+          const label = await page.find('q2-input >>> label');
+          const hasSRClass = label.classList.contains('sr');
+          expect(hasSRClass).toBeTruthy();
+        });
+      });
+    });
   });
   describe('Methods', () => {
     describe('setValue', () => {