Rename feature group to web feature ID (#4688)

* Rename feature group to web feature ID

* update screenshots

* Delete old screenshots

Author: KyleJu

client-src/elements/chromedash-form-field_test.ts

@@ -65,7 +65,7 @@ describe('chromedash-form-field', () => {
     assert.include(renderElement.innerHTML, 'class="extrahelp"');
   });
 
-  it('renders feature group field with a link', async () => {
+  it('renders Web Feature ID field with a link', async () => {
     const component = await fixture(
       html` <chromedash-form-field name="web_feature" value="hwb">
       </chromedash-form-field>`
@@ -76,7 +76,7 @@ describe('chromedash-form-field', () => {
     assert.exists(fieldRow);
 
     const renderElement = component.renderRoot as HTMLElement;
-    assert.include(renderElement.innerHTML, 'Feature Group');
+    assert.include(renderElement.innerHTML, 'Web Feature ID');
     assert.include(renderElement.innerHTML, 'input');
     assert.include(renderElement.innerHTML, 'class="webdx"');
   });

client-src/elements/form-field-specs.ts

@@ -487,8 +487,8 @@ export const ALL_FIELDS: Record<string, Field> = {
     type: 'datalist',
     required: false,
     choices: undefined, // this gets replaced in chromedash-form-field via an web features api
-    label: 'Feature Group',
-    attrs: {placeholder: 'Please select a WebDX feature group'},
+    label: 'Web Feature ID',
+    attrs: {placeholder: 'Please select a WebDX feature ID'},
     help_text: html` Select the feature this belongs to. If your feature is not
     listed, pick "Missing feature".`,
   },