fix: update l10n files and fix some typos

Composer/cypress/integration/LGPage.spec.ts

@@ -8,7 +8,7 @@ context('LG Page', () => {
   });
 
   it('can open language generation page', () => {
-    cy.findByTestId('LeftNav-CommandBarButtonBot Responses').click();
+    cy.findByTestId('LeftNav-CommandBarButtonBot responses').click();
     // left nav tree
     cy.contains('TodoSample');
 

Composer/cypress/integration/LUPage.spec.ts

@@ -8,7 +8,7 @@ context('LU Page', () => {
   });
 
   it('can open language understanding page', () => {
-    cy.findByTestId('LeftNav-CommandBarButtonUser Input').click();
+    cy.findByTestId('LeftNav-CommandBarButtonUser input').click();
     // left nav tree
     cy.contains('__TestToDoBotWithLuisSample');
 
@@ -17,7 +17,7 @@ context('LU Page', () => {
     // by default it goes to table view
     cy.findByTestId('LUPage').findByTestId('table-view').should('exist');
 
-    // move away from the User Input button (clicking the logo should do nothing)
+    // move away from the User input button (clicking the logo should do nothing)
     cy.findByAltText('Composer Logo').click();
 
     // nav to ToDoBotWithLuisSample.main dialog

Composer/cypress/integration/LeftNavBar.spec.ts

@@ -10,11 +10,11 @@ context('Left Nav Bar', () => {
   it('can expand left Nav Bar', () => {
     cy.findByTestId('LeftNavButton').click();
     cy.findByTestId('LeftNav-CommandBarButtonDesign').should('exist');
-    cy.findByTestId('LeftNav-CommandBarButtonBot Responses').click();
+    cy.findByTestId('LeftNav-CommandBarButtonBot responses').click();
     cy.url().should('include', 'language-generation');
-    cy.findByTestId('LeftNav-CommandBarButtonUser Input').click();
+    cy.findByTestId('LeftNav-CommandBarButtonUser input').click();
     cy.url().should('include', 'language-understanding');
-    cy.findByTestId('LeftNav-CommandBarButtonComposer Settings').click();
+    cy.findByTestId('LeftNav-CommandBarButtonComposer settings').click();
     cy.url().should('include', 'setting');
   });
 });

Composer/cypress/integration/LuisDeploy.spec.ts

@@ -13,20 +13,20 @@ context('Luis Deploy', () => {
   });
 
   it('can deploy luis success', () => {
-    cy.visitPage('Project Settings');
+    cy.visitPage('Project settings');
     cy.findByText('LUIS and QnA').click();
     cy.findAllByTestId('rootLUISAuthoringKey').type('12345678', { delay: 200 });
     cy.findAllByTestId('rootLUISRegion').click();
     cy.findByText('westus').click();
-    cy.visitPage('User Input');
+    cy.visitPage('User input');
     cy.visitPage('Design');
     cy.route({
       method: 'POST',
       url: 'api/projects/*/build',
       status: 400,
       response: 'fixture:luPublish/failure',
     });
-    cy.findByTitle(/^Start bot/).click();
+    cy.findByTestId('startBotButton').click();
     cy.findByTestId('runtime-logs-sidebar');
 
     cy.route({
@@ -35,7 +35,7 @@ context('Luis Deploy', () => {
       status: 200,
       response: 'fixture:luPublish/success',
     });
-    cy.findByTitle(/^Start bot/).click();
+    cy.findByTestId('startBotButton').click();
     cy.findByTitle(/^Starting bot../);
   });
 });

Composer/cypress/integration/NotificationPage.spec.ts

@@ -8,7 +8,7 @@ context('Notification Page', () => {
 
   it('can show lg syntax error ', () => {
     cy.visitPage('Design');
-    cy.visitPage('Bot Responses');
+    cy.visitPage('Bot responses');
 
     cy.findByTestId('ProjectTree').within(() => {
       cy.findAllByText('__TestToDoBotWithLuisSample').last().click();
@@ -23,12 +23,12 @@ context('Notification Page', () => {
       cy.findAllByText('__TestToDoBotWithLuisSample.en-us.lg').should('exist').first().click();
     });
 
-    cy.findAllByText('Bot Responses').should('exist');
+    cy.findAllByText('Bot responses').should('exist');
   });
 
   it('can show lu syntax error ', () => {
     cy.visitPage('Design');
-    cy.visitPage('User Input');
+    cy.visitPage('User input');
 
     cy.findByTestId('ProjectTree').within(() => {
       cy.findAllByText('__TestToDoBotWithLuisSample').last().click();

Composer/cypress/integration/Onboarding.spec.ts

@@ -7,7 +7,7 @@ context('Onboarding', () => {
     cy.createBot('TodoSample', 'Onboarding');
     cy.visitPage('Design');
     //enable onboarding setting
-    cy.visitPage('Composer Settings');
+    cy.visitPage('Composer settings');
     cy.findByTestId('ProjectTree').within(() => {
       cy.findByText('Application Settings').click();
     });

Composer/packages/adaptive-form/src/components/fields/ArrayField.tsx

@@ -35,7 +35,7 @@ const ArrayField: React.FC<FieldProps<unknown[]>> = (props) => {
   const [newValue, setNewValue] = useState<string>();
   const { arrayItems, handleChange, addItem } = useArrayItems(value, onChange);
 
-  const moreLabel = formatMessage('Item Actions');
+  const moreLabel = formatMessage('Item actions');
 
   const handleNewChange = (_e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) =>
     setNewValue(newValue || '');

Composer/packages/adaptive-form/src/components/fields/ArrayFieldItem.tsx

@@ -53,14 +53,14 @@ const ArrayFieldItem: React.FC<ArrayFieldItemProps> = (props) => {
   const contextItems: IContextualMenuItem[] = [
     {
       key: 'moveUp',
-      text: formatMessage('Move Up'),
+      text: formatMessage('Move up'),
       iconProps: { iconName: 'CaretSolidUp' },
       disabled: !canMoveUp,
       onClick: fabricMenuItemClickHandler(() => onReorder(index - 1)),
     },
     {
       key: 'moveDown',
-      text: formatMessage('Move Down'),
+      text: formatMessage('Move down'),
       iconProps: { iconName: 'CaretSolidDown' },
       disabled: !canMoveDown,
       onClick: fabricMenuItemClickHandler(() => onReorder(index + 1)),
@@ -101,7 +101,7 @@ const ArrayFieldItem: React.FC<ArrayFieldItemProps> = (props) => {
         />
       </div>
       <IconButton
-        ariaLabel={formatMessage('Item Actions')}
+        ariaLabel={formatMessage('Item actions')}
         menuIconProps={{ iconName: 'MoreVertical' }}
         menuProps={{ items: contextItems }}
         styles={{

Composer/packages/adaptive-form/src/components/fields/__tests__/ArrayFieldItem.test.tsx

@@ -30,7 +30,7 @@ describe('<ArrayFieldItem />', () => {
   describe('context menu', () => {
     it('disables the action if prop is false', () => {
       const { getByLabelText } = renderSubject();
-      const menu = getByLabelText('Item Actions');
+      const menu = getByLabelText('Item actions');
       fireEvent.click(menu);
       const items = screen.getAllByRole('menuitem');
       expect(items).toHaveLength(3);
@@ -51,14 +51,14 @@ describe('<ArrayFieldItem />', () => {
         onReorder,
       });
 
-      const menu = getByLabelText('Item Actions');
+      const menu = getByLabelText('Item actions');
       fireEvent.click(menu);
-      const moveUp = screen.getByText('Move Up');
+      const moveUp = screen.getByText('Move up');
       fireEvent.click(moveUp);
       expect(onReorder).toHaveBeenCalledWith(1);
 
       fireEvent.click(menu);
-      const moveDown = screen.getByText('Move Down');
+      const moveDown = screen.getByText('Move down');
       fireEvent.click(moveDown);
       expect(onReorder).toHaveBeenCalledWith(3);
 

Composer/packages/client/__tests__/components/header.test.tsx

@@ -39,6 +39,6 @@ describe('<Header />', () => {
       return { location: { pathname: 'http://server/bot/1234/settings' } };
     });
     const result = renderWithRecoil(<Header />);
-    expect(result.findAllByDisplayValue('Start bot')).not.toBeNull();
+    expect(result.findAllByDisplayValue('Start all bots')).not.toBeNull();
   });
 });

Composer/packages/client/__tests__/components/skill.test.tsx

@@ -43,7 +43,7 @@ describe('Skill page', () => {
 });
 
 describe('<SkillForm />', () => {
-  it('should render the skill form, and update skill manifest url', () => {
+  it('should render the skill form, and update skill manifest URL', () => {
     try {
       jest.useFakeTimers();
 
@@ -56,7 +56,7 @@ describe('<SkillForm />', () => {
         recoilInitState
       );
 
-      const urlInput = getByLabelText('Manifest url');
+      const urlInput = getByLabelText('Manifest URL');
       act(() => {
         fireEvent.change(urlInput, {
           target: { value: 'https://onenote-dev.azurewebsites.net/manifests/OneNoteSync-2-1-preview-1-manifest.json' },
@@ -93,8 +93,8 @@ describe('<SkillForm />', () => {
   });
 
   describe('validateManifestUrl', () => {
-    it('should set the error for an invalid url', async () => {
-      const formData = { manifestUrl: 'invalid url' };
+    it('should set the error for an invalid URL', async () => {
+      const formData = { manifestUrl: 'invalid URL' };
 
       await validateManifestUrl({
         formData,
@@ -107,15 +107,15 @@ describe('<SkillForm />', () => {
       });
 
       expect(setFormDataErrors).toBeCalledWith(
-        expect.objectContaining({ manifestUrl: 'Url should start with http[s]://' })
+        expect.objectContaining({ manifestUrl: 'URL should start with http:// or https://' })
       );
       expect(setSkillManifest).not.toBeCalled();
       expect(setValidationState).not.toBeCalled();
     });
   });
 
   describe('validateManifestUrl', () => {
-    it('should set an error for a missing manifest url', () => {
+    it('should set an error for a missing manifest URL', () => {
       const formData = {};
 
       validateManifestUrl({
@@ -128,10 +128,10 @@ describe('<SkillForm />', () => {
         validationState,
       });
 
-      expect(setFormDataErrors).toBeCalledWith(expect.objectContaining({ manifestUrl: 'Please input a manifest Url' }));
+      expect(setFormDataErrors).toBeCalledWith(expect.objectContaining({ manifestUrl: 'Please input a manifest URL' }));
     });
 
-    it('should try and retrieve manifest if manifest url meets other criteria', async () => {
+    it('should try and retrieve manifest if manifest URL meets other criteria', async () => {
       (httpClient.get as jest.Mock) = jest.fn().mockResolvedValue({ data: 'skill manifest' });
 
       const formData = { manifestUrl: 'https://skill' };
@@ -201,7 +201,7 @@ describe('<SkillForm />', () => {
       );
       expect(setFormDataErrors).toBeCalledWith(
         expect.objectContaining({
-          manifestUrl: 'Manifest url can not be accessed',
+          manifestUrl: 'Manifest URL can not be accessed',
         })
       );
     });

Composer/packages/client/__tests__/pages/knowledge-base/table-view.test.tsx

@@ -80,7 +80,7 @@ describe('QnA page all up view', () => {
     );
     const more = getByTestId('knowledgeBaseMore');
     fireEvent.click(more);
-    getByText('Import new url and overwrite');
+    getByText('Import new URL and overwrite');
     getByText('Delete knowledge base');
     getByText('Show code');
   });

Composer/packages/client/src/Onboarding/content.tsx

@@ -56,12 +56,12 @@ export const stepSets = (projectId: string, rootDialogId: string): IStepSet[] =>
       {
         id: 'userInput',
         navigateTo: `/bot/${projectId}/dialogs/${rootDialogId}?selected=triggers[0]`,
-        targetId: 'navUserInput',
+        targetId: 'navUserinput',
       },
       {
         id: 'botResponses',
         navigateTo: `/bot/${projectId}/dialogs/${rootDialogId}?selected=triggers[0]`,
-        targetId: 'navBotResponses',
+        targetId: 'navBotresponses',
       },
     ],
     title: formatMessage('User input and bot responses'),
@@ -83,7 +83,7 @@ export const stepSets = (projectId: string, rootDialogId: string): IStepSet[] =>
       {
         id: 'projectSettings',
         navigateTo: `/bot/${projectId}/dialogs/${rootDialogId}?selected=triggers[0]`,
-        targetId: 'navProjectSettings',
+        targetId: 'navProjectsettings',
       },
     ],
     title: formatMessage('Configure and publish'),

Composer/packages/client/src/components/BotRuntimeController/BotController.tsx

@@ -213,6 +213,7 @@ const BotController: React.FC<BotControllerProps> = ({ onHideController, isContr
           primary
           aria-roledescription={formatMessage('Bot Controller')}
           ariaDescription={startPanelButtonText}
+          data-testid={'startBotButton'}
           disabled={disableStartBots || areBotsStarting}
           iconProps={{
             iconName: statusIconClass,

Composer/packages/client/src/components/BotRuntimeController/BotRuntimeOperations.tsx

@@ -31,10 +31,10 @@ export const BotRuntimeOperations: React.FC<BotRuntimeOperationsProps> = ({ proj
     case BotStatus.connected:
       return (
         <IconButton
-          aria-label={formatMessage('Stop Bot')}
+          aria-label={formatMessage('Stop bot')}
           iconProps={{ iconName: 'CircleStopSolid' }}
           styles={{ root: { height: '20px' } }}
-          title={formatMessage('Stop Bot')}
+          title={formatMessage('Stop bot')}
           onClick={() => {
             stopSingleBot(projectId);
             TelemetryClient.track('StopBotButtonClicked', { isRoot, projectId, location: 'botController' });
@@ -45,10 +45,10 @@ export const BotRuntimeOperations: React.FC<BotRuntimeOperationsProps> = ({ proj
     case BotStatus.failed:
       return (
         <IconButton
-          aria-label={formatMessage('Start Bot')}
+          aria-label={formatMessage('Start bot')}
           iconProps={{ iconName: 'Play' }}
           styles={{ root: { height: '20px' } }}
-          title={formatMessage('Start Bot')}
+          title={formatMessage('Start bot')}
           onClick={() => {
             startSingleBot(projectId);
             TelemetryClient.track('StartBotButtonClicked', { isRoot, projectId, location: 'botController' });

Composer/packages/client/src/components/BotRuntimeController/publishDialog.tsx

@@ -235,14 +235,14 @@ export const PublishDialog: React.FC<IPublishDialogProps> = (props) => {
               <TextField
                 data-testid="AuthoringKeyInput"
                 errorMessage={formErrors.authoringKey}
-                label={formatMessage('LUIS Authoring key:')}
+                label={formatMessage('LUIS authoring key:')}
                 value={formData.authoringKey}
                 onChange={(_e, val) => updateField('authoringKey', val)}
                 onRenderLabel={onRenderLabel(Tips.AUTHORING_KEY)}
               />
               <Dropdown
                 data-testid="regionDropdown"
-                label={formatMessage('Luis Authoring Region')}
+                label={formatMessage('Luis authoring region')}
                 options={LUIS_REGIONS}
                 responsiveMode={ResponsiveMode.large}
                 selectedKey={formData.authoringRegion}
@@ -259,7 +259,7 @@ export const PublishDialog: React.FC<IPublishDialogProps> = (props) => {
               <TextField
                 data-testid="SubscriptionKeyInput"
                 errorMessage={formErrors.subscriptionKey}
-                label={formatMessage('QNA Subscription key:')}
+                label={formatMessage('QnA Maker subscription key:')}
                 value={formData.subscriptionKey}
                 onChange={(_e, val) => updateField('subscriptionKey', val)}
                 onRenderLabel={onRenderLabel(Tips.SUBSCRIPTION_KEY)}
@@ -268,7 +268,7 @@ export const PublishDialog: React.FC<IPublishDialogProps> = (props) => {
                 disabled
                 readOnly
                 errorMessage={formErrors.qnaRegion}
-                label={formatMessage('QnA Region')}
+                label={formatMessage('QnA region')}
                 value={formData.qnaRegion}
                 onRenderLabel={onRenderLabel(Tips.AUTHORING_REGION)}
               />
@@ -278,7 +278,7 @@ export const PublishDialog: React.FC<IPublishDialogProps> = (props) => {
             disabled
             readOnly
             errorMessage={formErrors.defaultLanguage}
-            label={formatMessage('Default Language')}
+            label={formatMessage('Default language')}
             value={formData.defaultLanguage}
             onRenderLabel={onRenderLabel(Tips.DEFAULT_LANGUAGE)}
           />

Composer/packages/client/src/components/CreateSkillModal.tsx

@@ -73,9 +73,9 @@ export const validateManifestUrl = async ({
   const { manifestUrl: _, ...errors } = formDataErrors;
 
   if (!manifestUrl) {
-    setFormDataErrors({ ...errors, manifestUrl: formatMessage('Please input a manifest Url') });
+    setFormDataErrors({ ...errors, manifestUrl: formatMessage('Please input a manifest URL') });
   } else if (!urlRegex.test(manifestUrl)) {
-    setFormDataErrors({ ...errors, manifestUrl: formatMessage('Url should start with http[s]://') });
+    setFormDataErrors({ ...errors, manifestUrl: formatMessage('URL should start with http:// or https://') });
   } else {
     try {
       setValidationState({ ...validationState, manifestUrl: ValidationState.Validating });
@@ -88,7 +88,7 @@ export const validateManifestUrl = async ({
       setSkillManifest(data);
       setValidationState({ ...validationState, manifestUrl: ValidationState.Validated });
     } catch (error) {
-      setFormDataErrors({ ...errors, manifestUrl: formatMessage('Manifest url can not be accessed') });
+      setFormDataErrors({ ...errors, manifestUrl: formatMessage('Manifest URL can not be accessed') });
       setValidationState({ ...validationState, manifestUrl: ValidationState.NotValidated });
     }
   }
@@ -202,7 +202,7 @@ export const CreateSkillModal: React.FC<CreateSkillModalProps> = ({ projectId, o
             <TextField
               required
               errorMessage={formDataErrors.manifestUrl}
-              label={formatMessage('Manifest url')}
+              label={formatMessage('Manifest URL')}
               value={formData.manifestUrl || ''}
               onChange={handleManifestUrlChange}
             />

Composer/packages/client/src/components/CreationFlow/FileSelector.tsx

@@ -326,7 +326,7 @@ export const FileSelector: React.FC<FileSelectorProps> = (props) => {
     },
     {
       key: 'lastModified',
-      name: formatMessage('Date Modified'),
+      name: formatMessage('Date modified'),
       fieldName: 'dateModifiedValue',
       minWidth: 100,
       maxWidth: 500,