fix: Always set an appName if the app list is populated (#123)

* fix: Always set an appName if the app list is populated

The VSCodeDropdown component can't show an empty selection if it has any
options. Since the app list is populated after a fetch, the dropdown
will default to selecting the first element even if appName in state is
an empty string.

[DEVX-3070]

* Update comment for clarity

Author: mhan83

webview-ui/test-generation/src/state.ts

@@ -374,8 +374,16 @@ export const reducer = (current: State, action: Action): State => {
         apps.sort((a, b) => a.name.localeCompare(b.name));
       }
 
+      // NOTE: Since the VSCodeDropdown can't show an empty selection if its not empty,
+      // avoid assigning an empty string to appName when the apps list is not empty.
+      let appName = current.appName;
+      if (apps.length > 0 && appName === '') {
+        appName = apps[0].name;
+      }
+
       return {
         ...current,
+        appName,
         apps: apps,
       };
     }