test(field): add unit tests

PiperOrigin-RevId: 404675948

Author: asyncliz

components/field/test/foundation.test.ts

@@ -0,0 +1,74 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import 'jasmine';
+
+import {spyOnAllFunctions} from '../../testing/jasmine';
+import {FieldFoundation} from '../lib/foundation';
+import {FieldAdapter, LabelType} from '../lib/state';
+
+describe('FieldFoundation', () => {
+  function setupTest() {
+    const adapter: FieldAdapter = {
+      state: {
+        disabled: false,
+        error: false,
+        labelText: '',
+        focused: false,
+        populated: false,
+        required: false,
+        visibleLabelType: LabelType.RESTING,
+      }
+    };
+
+    const foundation = new FieldFoundation(adapter);
+    return {
+      foundation: spyOnAllFunctions(foundation).and.callThrough(),
+      adapter: spyOnAllFunctions(adapter).and.callThrough(),
+    };
+  }
+
+  it('#onDisabledChange() unfocuses field when disabled', () => {
+    const {foundation, adapter} = setupTest();
+    foundation.init();
+    adapter.state.focused = true;
+    adapter.state.disabled = true;
+    expect(adapter.state.focused)
+        .withContext('focused is false after disabled is set to true')
+        .toBe(false);
+  });
+
+  it('#onFocusedChange() does not allow focus if disabled', () => {
+    const {foundation, adapter} = setupTest();
+    foundation.init();
+    adapter.state.disabled = true;
+    adapter.state.focused = true;
+    expect(adapter.state.focused)
+        .withContext('focused set back to false when disabled')
+        .toBe(false);
+  });
+
+  it('#updateLayoutAsterisk() sets labelText when label or required changes',
+     () => {
+       const {foundation, adapter} = setupTest();
+       foundation.init();
+       const labelValue = 'Label';
+       adapter.state.label = labelValue;
+       expect(adapter.state.labelText)
+           .withContext('labelText should equal label when not required')
+           .toBe(labelValue);
+       adapter.state.required = true;
+       expect(adapter.state.labelText)
+           .withContext(
+               'labelText should equal label with asterisk when required')
+           .toBe(`${labelValue}*`);
+       adapter.state.label = undefined;
+       expect(adapter.state.labelText)
+           .withContext(
+               'labelText should be empty string if label is not provided, even when required')
+           .toBe('');
+     });
+});

components/field/test/md-field.test.ts

@@ -0,0 +1,68 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import 'jasmine';
+
+/**
+ * SpyObj with "and" for chaining a group of spies.
+ */
+export type SpyGroup<T> = jasmine.SpyObj<T>&{
+  and: SpyGroupAnd<T>;
+};
+
+/**
+ * SpyAnd for group of multiple spies.
+ */
+export interface SpyGroupAnd<T> {
+  callThrough(): jasmine.SpyObj<T>;
+  stub(): jasmine.SpyObj<T>;
+}
+
+/**
+ * A more versatile `spyOnAllFunctions()` that allows chaining `callThrough()`
+ * and `stub()` for all function spies.
+ *
+ * Spies on all functions, including those from the prototype chain (useful for
+ * class instance objects).
+ *
+ * @param obj The object to spy on all functions.
+ * @return The spied object.
+ */
+export function spyOnAllFunctions<T extends object>(obj: T) {
+  const functionKeys = new Set<keyof T>();
+  let target: object|null = obj;
+  while (target) {
+    const keys =
+        Object.getOwnPropertyNames(target) as Array<keyof typeof target>;
+    for (const key of keys) {
+      if (target.hasOwnProperty(key) && typeof target[key] === 'function') {
+        functionKeys.add(key);
+      }
+    }
+    target = Object.getPrototypeOf(target);
+  }
+  for (const key of functionKeys) {
+    spyOn(obj, key);
+  }
+
+  const spyObj = obj as SpyGroup<T>;
+  spyObj.and = {
+    callThrough() {
+      for (const key of functionKeys) {
+        (spyObj[key] as jasmine.Spy).and.callThrough();
+      }
+      return spyObj;
+    },
+    stub() {
+      for (const key of functionKeys) {
+        (spyObj[key] as jasmine.Spy).and.stub();
+      }
+      return spyObj;
+    },
+  };
+
+  return spyObj;
+}