PopupView

// Set the view's popup to a new Popup instance.
// The popup will show anytime a popup is called such as when selecting features or displaying a Search result.
view.popup = new Popup();

// Set the popup to a PopupOptions object with popup properties set such as the dock options.
// The popup will show anytime a popup is called.
view.popup = {
 dockEnabled: true,
 dockOptions: {
   position: "top-left",
   breakpoint: false
 }
};

// Set the popup to null. This disables the popup so it will never show up.
view.popup = null;

// Disable the popup from automatically appearing and
// open the popup manually using a click event.
view.popupEnabled = false;
view.on("click", (event)=> {
  view.openPopup({
    // Set properties for the manually opened popup
    ...
  });
});

// Closes the popup if it's open
if(view.popup.visible){
 view.closePopup();
}

// Consume features from the generator as soon as they are available
view.on("click", async (event) => {
  const generator = view.fetchPopupFeatures(event.screenPoint, {
    pointerType: event.pointerType
  });

  for await (const feature of generator) {
    console.log(feature);
  }
});

// Wait for all the features to be available
view.on("click", async (event) => {
  const generator = view.fetchPopupFeatures(event.screenPoint, {
    pointerType: event.pointerType
  });

  const features = await Array.fromAsync(generator);

  console.log(`${features.length} available for popup`);
});

// Get the top most feature
view.on("click", async (event) => {
  const controller = new AbortController();
  const generator = view.fetchPopupFeatures(event.screenPoint, {
    pointerType: event.pointerType,
    signal: controller.signal
  });

  const result = await generator.next();
  const feature = result.done ? null : result.value;

  // abort the pending iterations
  controller.abort();

  console.log(`top most feature`, feature);
});

// Opens a popup manually depending on where the user clicks with specified title and content.
view.on("click", (event)=>{
  view.openPopup({
   location: event.mapPoint,
   title: "You clicked here",
   content: "This is a point of interest"
  });
});

// Opens popup at the location of the click event and displays
// content for the selected features if a popupTemplate is defined.
 view.on("click", (event)=>{
   view.openPopup({
     location: event.mapPoint,
     fetchFeatures: true
   });
 });

// Opens popup with the properties specified at the location of the click event
// and updates the popup location based on the selected feature's geometry.
view.openPopup({
  title: "You clicked here",
  content: "This is a point of interest",
  location: event.mapPoint,
  updateLocationEnabled: true
});

// Opens popup with the specified array of graphics and displays the
// features in a list (feature menu) at the location of the first graphic in the array.
view.openPopup({
  features: graphics,
  featureMenuOpen: true,
  location: graphics[0].geometry
});