@skyux/forms 12.0.0-alpha.0 → 12.0.0-alpha.2

package/fesm2022/skyux-forms-testing.mjs

@@ -1,5 +1,5 @@
 import { HarnessPredicate, ComponentHarness } from '@angular/cdk/testing';
-import { SkyComponentHarness, SkyQueryableComponentHarness, provideSkyFileReaderTesting } from '@skyux/core/testing';
+import { SkyComponentHarness, SkyQueryableComponentHarness, SkyInputHarness, provideSkyFileReaderTesting } from '@skyux/core/testing';
 import { SkyHelpInlineHarness } from '@skyux/help-inline/testing';
 import { SkyStatusIndicatorHarness } from '@skyux/indicators/testing';
 import { SkyPopoverHarness } from '@skyux/popovers/testing';
@@ -953,15 +953,78 @@ class SkyFileAttachmentHarness extends SkyComponentHarness {
 }
 
 /**
- * Harness for interacting with a file drop component in tests.
+ * Harness to interact with the file drop link upload input harness.
+ */
+class SkyFileDropLinkUploadInputHarness extends SkyInputHarness {
+    /**
+     * @internal
+     */
+    static { this.hostSelector = 'input.sky-form-control'; }
+    /**
+     * Gets the input aria-label
+     */
+    async getAriaLabel() {
+        return await (await this.host()).getAttribute('aria-label');
+    }
+}
+
+/**
+ * Harness for interacting with file drop component's link upload feature in tests.
  * @internal
  */
+class SkyFileDropLinkUploadHarness extends SkyComponentHarness {
+    /**
+     * @internal
+     */
+    static { this.hostSelector = '.sky-file-drop-link'; }
+    #input = this.locatorFor(SkyFileDropLinkUploadInputHarness);
+    #inputBoxHarness = this.locatorFor(SkyInputBoxHarness);
+    #button = this.locatorFor('button.sky-btn-primary');
+    /**
+     * Clicks the `Done` button
+     */
+    async clickDoneButton() {
+        if (await this.#isDoneDisabled()) {
+            throw new Error('Done button is disabled and cannot be clicked. Enter text to enable link upload.');
+        }
+        return await (await this.#button()).click();
+    }
+    /**
+     * Enters text into the link upload input.
+     */
+    async enterText(link) {
+        return await (await this.#input()).setValue(link);
+    }
+    /**
+     * Gets the link upload aria-label.
+     */
+    async getAriaLabel() {
+        return await (await this.#input()).getAriaLabel();
+    }
+    /**
+     * Gets the hint text.
+     */
+    async getHintText() {
+        return await (await this.#inputBoxHarness()).getHintText();
+    }
+    async #isDoneDisabled() {
+        return (await (await this.#button()).getAttribute('disabled')) !== null;
+    }
+}
+
+/**
+ * Harness for interacting with a file drop component in tests.
+ */
 class SkyFileDropHarness extends SkyComponentHarness {
     /**
      * @internal
      */
     static { this.hostSelector = 'sky-file-drop'; }
     #getDropTarget = this.locatorFor('.sky-file-drop-target');
+    #input = this.locatorFor('input[type="file"]');
+    #fileUploadButton = this.locatorFor('button.sky-file-drop-target');
+    #label = this.locatorFor('.sky-file-drop-label-text');
+    #formErrors = this.locatorForAll(SkyFormErrorsHarness);
     /**
      * Gets a `HarnessPredicate` that can be used to search for a
      * `SkyFileDropHarness` that meets certain criteria.
@@ -970,24 +1033,171 @@ class SkyFileDropHarness extends SkyComponentHarness {
         return SkyFileDropHarness.getDataSkyIdPredicate(filters);
     }
     /**
-     * Drops a file onto the component's drop target.
+     * Clicks the file drop target.
      */
-    async dropFile(file) {
+    async clickFileDropTarget() {
+        return await (await this.#fileUploadButton()).click();
+    }
+    /**
+     * Clicks the help inline button.
+     */
+    async clickHelpInline() {
+        return await (await this.#getHelpInline()).click();
+    }
+    /**
+     * Clicks the link upload `Done` button'.
+     */
+    async clickLinkUploadDoneButton() {
+        return await (await this.#getLinkUpload()).clickDoneButton();
+    }
+    /**
+     * Enters text into the link upload input.
+     */
+    async enterLinkUploadText(link) {
+        return await (await this.#getLinkUpload()).enterText(link);
+    }
+    /**
+     * Gets the accepted file types.
+     */
+    async getAcceptedTypes() {
+        return await (await this.#input()).getAttribute('accept');
+    }
+    /**
+     * Gets the aria-label for the file upload button.
+     */
+    async getFileUploadAriaLabel() {
+        return await (await this.#fileUploadButton()).getAttribute('aria-label');
+    }
+    /**
+     * Gets the help inline popover content.
+     */
+    async getHelpPopoverContent() {
+        const content = await (await this.#getHelpInline()).getPopoverContent();
+        return content;
+    }
+    /**
+     * Gets the help inline popover title.
+     */
+    async getHelpPopoverTitle() {
+        return await (await this.#getHelpInline()).getPopoverTitle();
+    }
+    /**
+     * Gets the hint text.
+     */
+    async getHintText() {
+        return (await (await this.locatorFor('.sky-file-drop-hint-text')()).text()).trim();
+    }
+    /**
+     * Gets the label text.
+     */
+    async getLabelText() {
+        return (await (await this.#label()).text()).trim();
+    }
+    /**
+     * Gets the link upload aria-label.
+     */
+    async getLinkUploadAriaLabel() {
+        return await (await this.#getLinkUpload()).getAriaLabel();
+    }
+    /**
+     * Gets the link upload hint text.
+     */
+    async getLinkUploadHintText() {
+        return await (await this.#getLinkUpload()).getHintText();
+    }
+    /**
+     * Whether a custom form error has fired.
+     */
+    async hasCustomError(errorName) {
+        return await (await this.#getFormErrors()).hasError(errorName);
+    }
+    /**
+     * Whether the file type error has fired.
+     */
+    async hasFileTypeError() {
+        return await (await this.#getFormErrors()).hasError('fileType');
+    }
+    /**
+     * Whether the max file size error has fired.
+     */
+    async hasMaxFileSizeError() {
+        return await (await this.#getFormErrors()).hasError('maxFileSize');
+    }
+    /**
+     * Whether the min file size error has fired.
+     */
+    async hasMinFileSizeError() {
+        return await (await this.#getFormErrors()).hasError('minFileSize');
+    }
+    /**
+     * Whether the required error has fired.
+     */
+    async hasRequiredError() {
+        return await (await this.#getFormErrors()).hasError('required');
+    }
+    /**
+     * Whether the validate error from the customer validation has fired.
+     */
+    async hasValidateFnError() {
+        return await (await this.#getFormErrors()).hasError('validate');
+    }
+    /**
+     * Whether label text is hidden.
+     */
+    async isLabelHidden() {
+        return await (await this.locatorFor('legend.sky-control-label')()).hasClass('sky-screen-reader-only');
+    }
+    /**
+     * Whether file drop is required.
+     */
+    async isRequired() {
+        return await (await this.#label()).hasClass('sky-control-label-required');
+    }
+    /**
+     * Whether file drop has stacked enabled.
+     */
+    async isStacked() {
+        return await (await this.host()).hasClass('sky-form-field-stacked');
+    }
+    /**
+     * Loads a single file.
+     */
+    async loadFile(file) {
         await this.#dropFiles([file]);
     }
-    // Consider making this public when we finalize this harness's public API.
+    /**
+     * Loads multiple files.
+     */
+    async loadFiles(files) {
+        return await this.#dropFiles(files);
+    }
     async #dropFiles(files) {
         const dropTarget = await this.#getDropTarget();
-        const fileList = {
-            item: (index) => files[index],
-            length: files.length,
-        };
+        const dataTransfer = new DataTransfer();
+        files?.forEach((file) => {
+            dataTransfer.items.add(file);
+        });
         await dropTarget.dispatchEvent('drop', {
-            dataTransfer: {
-                files: fileList,
-            },
+            dataTransfer,
         });
     }
+    async #getFormErrors() {
+        return (await this.#formErrors())[1];
+    }
+    async #getHelpInline() {
+        const harness = await this.locatorForOptional(SkyHelpInlineHarness)();
+        if (harness) {
+            return harness;
+        }
+        throw Error('No help inline found.');
+    }
+    async #getLinkUpload() {
+        const linkUpload = await this.locatorForOptional(SkyFileDropLinkUploadHarness)();
+        if (linkUpload) {
+            return linkUpload;
+        }
+        throw new Error('Link upload cannot be found. Set `allowLinks` property to `true`.');
+    }
 }
 
 /**
@@ -1003,6 +1213,45 @@ function provideSkyFileAttachmentTesting() {
     return [provideSkyFileReaderTesting()];
 }
 
+/**
+ * Harness for interacting with a file item component in tests.
+ */
+class SkyFileItemHarness extends ComponentHarness {
+    /**
+     * @internal
+     */
+    static { this.hostSelector = 'sky-file-item'; }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyFileItemHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return new HarnessPredicate(SkyFileItemHarness, filters).addOption('fileName', filters.fileName, async (harness, fileName) => {
+            const harnessFileName = await harness.getFileName();
+            return await HarnessPredicate.stringMatches(harnessFileName, fileName);
+        });
+    }
+    /**
+     * Clicks the delete button.
+     */
+    async clickDeleteButton() {
+        return await (await this.locatorFor('.sky-file-item-btn-delete')()).click();
+    }
+    /**
+     * Gets the file name.
+     */
+    async getFileName() {
+        return await (await this.locatorFor('.sky-file-item-name')()).text();
+    }
+    /**
+     * Gets the file size.
+     */
+    async getFileSize() {
+        const size = await (await this.locatorFor('.sky-file-item-size')()).text();
+        return size.substring(1, size.length - 1);
+    }
+}
+
 /**
  * Harness for interacting with a field group component in tests.
  */
@@ -1494,5 +1743,5 @@ class SkyRadioGroupHarness extends SkyComponentHarness {
  * Generated bundle index. Do not edit.
  */
 
-export { SkyCharacterCounterIndicatorHarness, SkyCheckboxFixture, SkyCheckboxGroupHarness, SkyCheckboxHarness, SkyCheckboxLabelHarness, SkyFieldGroupHarness, SkyFileAttachmentHarness, SkyFileDropHarness, SkyFormErrorHarness, SkyFormErrorsHarness, SkyInputBoxHarness, SkyRadioFixture, SkyRadioGroupHarness, SkyRadioHarness, SkyRadioLabelHarness, provideSkyFileAttachmentTesting };
+export { SkyCharacterCounterIndicatorHarness, SkyCheckboxFixture, SkyCheckboxGroupHarness, SkyCheckboxHarness, SkyCheckboxLabelHarness, SkyFieldGroupHarness, SkyFileAttachmentHarness, SkyFileDropHarness, SkyFileItemHarness, SkyFormErrorHarness, SkyFormErrorsHarness, SkyInputBoxHarness, SkyRadioFixture, SkyRadioGroupHarness, SkyRadioHarness, SkyRadioLabelHarness, provideSkyFileAttachmentTesting };
 //# sourceMappingURL=skyux-forms-testing.mjs.map