Latest Contributions by mfcallahan

I've come across an error which I am not quite sure how to diagnose.  I have an Angular 7 application which uses the ArcGIS JS API and the arcgis-webpack-plugin, configured similarly to this sample app:   GitHub - Esri/angular-cli-esri-map at arcgis-webpack-angular    I need to use some components of the dojo framework directly, importing them like this: import * as dojo from 'dojo/dojo'; import * as domProp from 'dojo/dom-prop'; However, I'm receiving this error at run time (the app does build without error):   DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'localhost:4200/dojo/arcgis-js-api/views/2d/layers/features/Pipeline.js' failed to load.   The error is straightforward - the script at '/dojo/arcgis-js-api/views/2d/layers/features/Pipeline.js' fails to load because it does not exist.  But I was wondering if anyone can shed some light on this and help me understand what would cause an app to look in the 'dojo' API files for an ArcGIS JS API file.  File '/arcgis-js-api/views/2d/layers/features/Pipeline.js' does exist, I'm just not sure what uses Pipeline.js as that is not something I directly reference or import, and why the app looks inside the dojo API for that file. ... View more

Some more info: I'm building an Angular 7 application using the esri-loader and I'm really struggling with trying figure out the best way to mock ArcGIS JS API dependencies in my tests. I have come across very little sample code for applications built with frameworks other than dojo that use the ArcGIS JS API and also contain meaningful unit tests.  Is anyone out there doing this successfully and able to provide some guidance?  For example, say I have a MapComponent class that looks like this: export class MapComponent { mapView: MapView; public async initializeMap(lat: number, lon: number, zoom: number) { const [Map, MapView] = await loadModules(['esri/Map', 'esri/views/MapView']); this.mapView = new MapView({ zoom: zoom, center: [lat, lon] map: new Map({ basemap: 'streets' }) }); } public async addPointToMap(lat: number, lon: number) { const [Graphic] = await loadModules(['esri/Graphic']); const point = { type: "point", longitude: lon, latitude: lat }; const markerSymbol = { type: "simple-marker", color: [226, 119, 40], outline: { color: [255, 255, 255], width: 2 } }; const pointGraphic = new Graphic({ geometry: point, symbol: markerSymbol }); this.mapView.graphics.add(pointGraphic); } }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ I want to test the initializeMap() and addPointToMap() functions, but what is the best way to do this without actually making an http request to get the required API modules and creating concrete instances of each class I need?  A test class might look like this: describe('MapComponent', () => { let fixture: ComponentFixture<MapComponent>; let component; beforeEach(async () => { TestBed.configureTestingModule({ declarations: [MapComponent], }).compileComponents(); fixture = TestBed.createComponent(MapComponent); component = fixture.debugElement.componentInstance; }); it('should initialize map', async () => { // calling this function will fetch the ArcGIS JS API dependencies // and create concrete instances of Map and MapView objects - need // to mock these await component.initializeMap(); expect(component.mapService.mapView).toBeTruthy(); }); it('should add a point to the map', async () => { await component.addPointToMap(32.7, -117.1); // assert point is created in component.mapService.mapView object }); });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ As mentioned above, I'm really struggling with how to mock out ArcGIS JS API classes.  When testing my own code, I would implement a class from some interface and use DI to assist with testing, but I'm not seeing how I can test the ArcGIS API classes. Help me interwebs, you're my only hope... ... View more

In addition to Dojo, I'm wondering what libraries and frameworks everyone out there in AGOL land are using.  My team builds custom applications using ASP.NET MVC and the ArcGIS Online JavaScript API.  We also use a couple other popular libraries like jQuery and Bootstrap.  I've also been experimenting with incorporating Knockout.js.   I've seen a few posts on GeoNet and elsewhere about people also leveraging additional libraries and frameworks in their AGOL/Dojo applications such as React and Angular. So my question to GeoNet is: in addition to AGOL JS API/Dojo, what libraries and frameworks do you like to use in your applications? ... View more

I'm attempting to insert some records into my feature service using the applyEdits() method, however I'm receiving an error message because I'm not sure how to include data for a field in the feature service table that is of type 'esriFieldTypeDate'.  Here is some quick sample code - I have an object that contains my feature to be inserted: var newFeature = {    "geometry": {       "x": -97.2736,       "y": 32.8164    },    "attributes": {       "SiteID": 999,       "Name": "Test Site 1",       "LeaseSigned": "12/1/2016, 9:00 AM"    },    "spatialReference": {       "wkid": "102100"    } }; var features = []; features.push(newFeature); I also have an object that contains the input params for applyEdits(): var params= {    f: 'json',    adds: JSON.stringify(features),    updates: "",    deletes: "",    gdbVersion: "",    rollbackOnFailure: true,    useGlobalIds: false,    attachments: "" }; However, I am receiving this error because I'm not sure how to format the input data for esriFieldTypeDate: {    "error":{       "code": 400,       "message":"Unable to complete operation.",       "details":["Setting of value for LeaseSigned failed."]    } } Does anybody know how to format the date time field correctly or can point me in the direction of some examples?  I've tried all different types of date formats but can't seem to figure this out.  Thanks! ... View more