Refactored to get event when value is changed directly

Esri · Dec 29, 2023 · cd6cd7a · cd6cd7a
1 parent ec212e2
commit cd6cd7a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/components/solution-spatial-ref/test/solution-spatial-ref.e2e.ts b/src/components/solution-spatial-ref/test/solution-spatial-ref.e2e.ts
@@ -41,9 +41,6 @@ describe('solution-spatial-ref', () => {
     await page.waitForChanges();
     await spatial_ref.setProperty('value', newSpatialRef);
     await page.waitForChanges();
-    /*
-    expect(await spatial_ref.getProperty('value')).toBe(newSpatialRef);
-    */
 
     const solution_spatial_ref = await page.find('solution-spatial-ref');
     expect(await solution_spatial_ref.getProperty('value')).toBe(newSpatialRef);

diff --git a/src/components/spatial-ref/spatial-ref.tsx b/src/components/spatial-ref/spatial-ref.tsx
@@ -67,6 +67,14 @@ export class SpatialRef {
       searchBox.value = this._srSearchText = "";
     }
     this._clearSelection();
+
+    if (this._cachedValue !== this.value) {
+      this.spatialReferenceChange.emit({
+        oldValue: this._cachedValue,
+        newValue: this.value
+      });
+      this._cachedValue = this.value;
+    }
   }
 
   //--------------------------------------------------------------------------
@@ -113,6 +121,11 @@ export class SpatialRef {
   //
   //--------------------------------------------------------------------------
 
+  /**
+   * Holds a pre-change value of the wkid so that an event can be posted with the cached and new values.
+   */
+  @State() protected _cachedValue = this.defaultWkid.toString();
+
   /**
    * Internal representation of component's value for display purposes.
    */
@@ -229,10 +242,6 @@ export class SpatialRef {
    */
   protected _setSpatialRef(wkid: string): void {
     if (this.value !== wkid) {
-      this.spatialReferenceChange.emit({
-        oldValue: this.value,
-        newValue: wkid
-      });
       this.value = wkid;
     }
   }