fix(ui): rename Address field to Host in WebEndpointCreate

Author: luizhf42

ui/src/components/WebEndpoints/WebEndpointCreate.vue

@@ -13,17 +13,17 @@
         />
         <v-card-text>
           <p class="mb-2" data-test="tunnel-create-text">
-            Configure the address and port to create a tunnel to your device.
+            Configure the host and port to create a tunnel to your device.
           </p>
           <v-row>
             <v-col sm="8" class="pb-0">
               <v-text-field
                 v-model="host"
                 class="mt-1"
-                label="Address"
+                label="Host"
                 :error-messages="hostError"
                 variant="underlined"
-                data-test="address-text"
+                data-test="host-text"
               />
             </v-col>
             <p class="mt-7 pa-0"> : </p>

ui/tests/components/WebEndpoints/WebEndpointCreate.spec.ts

@@ -40,7 +40,7 @@ describe("WebEndpointCreate.vue", () => {
 
     expect(dialog.find('[data-test="tunnel-create-dialog"]').exists()).toBe(true);
     expect(dialog.find('[data-test="create-dialog-title"]').text()).toContain("Create Device Web Endpoint");
-    expect(dialog.find('[data-test="address-text"]').exists()).toBe(true);
+    expect(dialog.find('[data-test="host-text"]').exists()).toBe(true);
     expect(dialog.find('[data-test="port-text"]').exists()).toBe(true);
     expect(dialog.find('[data-test="timeout-combobox"]').exists()).toBe(true);
     expect(dialog.find('[data-test="custom-timeout"]').exists()).toBe(false);
@@ -52,7 +52,7 @@ describe("WebEndpointCreate.vue", () => {
 
     const spy = vi.spyOn(store, "dispatch");
 
-    await wrapper.findComponent('[data-test="address-text"]').setValue("127.0.0.1");
+    await wrapper.findComponent('[data-test="host-text"]').setValue("127.0.0.1");
     await wrapper.findComponent('[data-test="port-text"]').setValue("8080");
     await wrapper.findComponent('[data-test="create-tunnel-btn"]').trigger("click");
 
@@ -71,7 +71,7 @@ describe("WebEndpointCreate.vue", () => {
 
     const spy = vi.spyOn(store, "dispatch");
 
-    await wrapper.findComponent('[data-test="address-text"]').setValue("127.0.0.1");
+    await wrapper.findComponent('[data-test="host-text"]').setValue("127.0.0.1");
     await wrapper.findComponent('[data-test="port-text"]').setValue("8080");
 
     await wrapper.findComponent('[data-test="timeout-combobox"]').setValue(600);
@@ -90,7 +90,7 @@ describe("WebEndpointCreate.vue", () => {
   it("shows alert on 403 error", async () => {
     mockWebEndpoints.onPost("http://localhost:3000/api/web-endpoints").reply(403);
 
-    await wrapper.findComponent('[data-test="address-text"]').setValue("127.0.0.1");
+    await wrapper.findComponent('[data-test="host-text"]').setValue("127.0.0.1");
     await wrapper.findComponent('[data-test="port-text"]').setValue("8080");
 
     await wrapper.findComponent('[data-test="create-tunnel-btn"]').trigger("click");
@@ -129,7 +129,7 @@ describe("WebEndpointCreate.vue", () => {
       },
     });
 
-    await wrapper.findComponent('[data-test="address-text"]').setValue("127.0.0.1");
+    await wrapper.findComponent('[data-test="host-text"]').setValue("127.0.0.1");
     await wrapper.findComponent('[data-test="port-text"]').setValue(8080);
 
     await wrapper.findComponent('[data-test="create-tunnel-btn"]').trigger("click");