@skyux/datetime 5.7.2 → 6.0.0-beta.2

package/{esm2015/testing/datepicker-fixture.js → fesm2020/skyux-datetime-testing.mjs}

@@ -1,9 +1,10 @@
 import { By } from '@angular/platform-browser';
 import { SkyAppTestUtility } from '@skyux-sdk/testing';
+
 /**
  * Allows interaction with a SKY UX datepicker component.
  */
-export class SkyDatepickerFixture {
+class SkyDatepickerFixture {
     constructor(fixture, skyTestId) {
         this.debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-datepicker');
     }
@@ -51,4 +52,58 @@ export class SkyDatepickerFixture {
         return this.debugEl.query(By.css('.sky-datepicker input'));
     }
 }
-//# sourceMappingURL=datepicker-fixture.js.map
+
+/**
+ * Allows interaction with a SKY UX timepicker component.
+ */
+class SkyTimepickerFixture {
+    constructor(fixture, skyTestId) {
+        this.fixture = fixture;
+        this.skyTestId = skyTestId;
+        this.debugEl = SkyAppTestUtility.getDebugElementByTestId(this.fixture, this.skyTestId, 'sky-timepicker');
+    }
+    /**
+     * The timepicker's currently selected time.
+     */
+    get value() {
+        return this.getTimepickerInputEl().nativeElement.value;
+    }
+    /**
+     * Set the timepicker's selected time.
+     */
+    set value(value) {
+        const timepickerInputEl = this.getTimepickerInputEl().nativeElement;
+        timepickerInputEl.value = value;
+        this.fixture.detectChanges();
+        SkyAppTestUtility.fireDomEvent(timepickerInputEl, 'change');
+        this.fixture.detectChanges();
+    }
+    /**
+     * Flag indicating if timepicker input is disabled.
+     */
+    get isDisabled() {
+        return this.getTimepickerInputEl().nativeElement.disabled;
+    }
+    /**
+     * Set the timepicker's disabled value
+     */
+    set isDisabled(value) {
+        this.getTimepickerInputEl().nativeElement.disabled = value;
+    }
+    /**
+     * Flag indicating if timepicker input is valid.
+     */
+    get isValid() {
+        return !this.getTimepickerInputEl().nativeElement.classList.contains('ng-invalid');
+    }
+    getTimepickerInputEl() {
+        return this.debugEl.query(By.css('.sky-timepicker input'));
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkyDatepickerFixture, SkyTimepickerFixture };
+//# sourceMappingURL=skyux-datetime-testing.mjs.map

package/fesm2020/skyux-datetime-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skyux-datetime-testing.mjs","sources":["../../../../../libs/components/datetime/testing/src/datepicker-fixture.ts","../../../../../libs/components/datetime/testing/src/timepicker-fixture.ts","../../../../../libs/components/datetime/testing/src/skyux-datetime-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX datepicker component.\n */\nexport class SkyDatepickerFixture {\n  private debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-datepicker'\n    );\n  }\n\n  /**\n   * The datepicker's currently selected date.\n   */\n  public get date(): string {\n    return this.getDatepickerInputEl().nativeElement.value;\n  }\n\n  /**\n   * Flag indicating if datepicker input is disabled.\n   */\n  public get disabled(): boolean {\n    return this.getDatepickerInputEl().nativeElement.disabled;\n  }\n\n  /**\n   * The datepicker's calendar element.\n   */\n  public get calendarEl(): any {\n    const button = this.debugEl.query(\n      By.css('.sky-datepicker .sky-input-group-datepicker-btn')\n    ).nativeElement;\n\n    const calendarId = button.getAttribute('aria-controls');\n    if (!calendarId) {\n      /* tslint:disable-next-line:no-null-keyword */\n      return null;\n    }\n\n    return document.getElementById(calendarId);\n  }\n\n  /**\n   * Click the calendar button to open or close calendar.\n   */\n  public clickDatepickerCalenderButtonEl(): void {\n    this.debugEl\n      .query(By.css('.sky-datepicker .sky-input-group-datepicker-btn'))\n      .nativeElement.click();\n  }\n\n  public clickDayEl(dayIndex: number): void {\n    const dayEls = this.calendarEl.querySelectorAll('.sky-datepicker-btn-date');\n\n    const dayEl = dayEls[dayIndex];\n\n    if (!dayEl) {\n      throw new Error(`No day exists at index ${dayIndex}.`);\n    }\n\n    dayEl.click();\n  }\n\n  private getDatepickerInputEl(): DebugElement {\n    return this.debugEl.query(By.css('.sky-datepicker input'));\n  }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX timepicker component.\n */\nexport class SkyTimepickerFixture {\n  private debugEl: DebugElement;\n\n  constructor(\n    private fixture: ComponentFixture<any>,\n    private skyTestId: string\n  ) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      this.fixture,\n      this.skyTestId,\n      'sky-timepicker'\n    );\n  }\n\n  /**\n   * The timepicker's currently selected time.\n   */\n  public get value(): string {\n    return this.getTimepickerInputEl().nativeElement.value;\n  }\n\n  /**\n   * Set the timepicker's selected time.\n   */\n  public set value(value: string) {\n    const timepickerInputEl = this.getTimepickerInputEl().nativeElement;\n    timepickerInputEl.value = value;\n    this.fixture.detectChanges();\n\n    SkyAppTestUtility.fireDomEvent(timepickerInputEl, 'change');\n    this.fixture.detectChanges();\n  }\n\n  /**\n   * Flag indicating if timepicker input is disabled.\n   */\n  public get isDisabled(): boolean {\n    return this.getTimepickerInputEl().nativeElement.disabled;\n  }\n\n  /**\n   * Set the timepicker's disabled value\n   */\n  public set isDisabled(value: boolean) {\n    this.getTimepickerInputEl().nativeElement.disabled = value;\n  }\n\n  /**\n   * Flag indicating if timepicker input is valid.\n   */\n  public get isValid(): boolean {\n    return !this.getTimepickerInputEl().nativeElement.classList.contains(\n      'ng-invalid'\n    );\n  }\n\n  private getTimepickerInputEl(): DebugElement {\n    return this.debugEl.query(By.css('.sky-timepicker input'));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}