Capitalize all UI h1 title is-3 titles (#21454)

* address all h1 title is-3 headings * fix mult-factor and tests * qa'ing * clean up * clean up * clean up * fix tests * fix test * one more * okay this is the last one. * blah
2026-05-05 12:26:34 +02:00 · 2023-06-27 12:11:11 -06:00 · 2023-06-27 12:11:11 -06:00 · 20228a42ea
commit 20228a42ea
parent c59d423387
41 changed files with 56 additions and 56 deletions
--- a/ui/app/components/sidebar/nav/access.hbs
+++ b/ui/app/components/sidebar/nav/access.hbs
@ -14,20 +14,20 @@
    <Nav.Link
      @route="vault.cluster.access.methods"
      @current-when="vault.cluster.access.methods vault.cluster.access.method"
-      @text="Authentication methods"
-      data-test-sidebar-nav-link="Authentication methods"
+      @text="Authentication Methods"
+      data-test-sidebar-nav-link="Authentication Methods"
    />
  {{/if}}
  {{#if (has-permission "access" routeParams="mfa")}}
    <Nav.Link
      @route="vault.cluster.access.mfa.methods"
      @current-when="vault.cluster.access.mfa.methods vault.cluster.access.mfa.enforcements vault.cluster.access.mfa.index"
-      @text="Multi-factor authentication"
-      data-test-sidebar-nav-link="Multi-factor authentication"
+      @text="Multi-Factor Authentication"
+      data-test-sidebar-nav-link="Multi-Factor Authentication"
    />
  {{/if}}
  {{#if (has-permission "access" routeParams="oidc")}}
-    <Nav.Link @route="vault.cluster.access.oidc" @text="OIDC provider" data-test-sidebar-nav-link="OIDC provider" />
+    <Nav.Link @route="vault.cluster.access.oidc" @text="OIDC Provider" data-test-sidebar-nav-link="OIDC Provider" />
  {{/if}}

  {{#if (and (has-feature "Control Groups") (has-permission "access" routeParams="control-groups"))}}
--- a/ui/app/components/sidebar/nav/cluster.hbs
+++ b/ui/app/components/sidebar/nav/cluster.hbs
@ -77,7 +77,7 @@
    />
  {{/if}}
  {{#if (and (has-permission "clients" routeParams="activity") (not this.cluster.dr.isSecondary))}}
-    <Nav.Link @route="vault.cluster.clients" @text="Client count" data-test-sidebar-nav-link="Client count" />
+    <Nav.Link @route="vault.cluster.clients" @text="Client Count" data-test-sidebar-nav-link="Client Count" />
  {{/if}}
  {{#if (and this.version.features (has-permission "status" routeParams="license") (not this.cluster.dr.isSecondary))}}
    <Nav.Link
--- a/ui/app/templates/components/role-ssh-edit.hbs
+++ b/ui/app/templates/components/role-ssh-edit.hbs
@ -11,11 +11,11 @@
  <p.levelLeft>
    <h1 class="title is-3" data-test-secret-header="true">
      {{#if (eq this.mode "create")}}
-        Create an SSH role
+        Create an SSH Role
      {{else if (eq this.mode "edit")}}
-        Edit SSH role
+        Edit SSH Role
      {{else}}
-        SSH role
+        SSH Role
        <code>{{this.model.id}}</code>
      {{/if}}
    </h1>
--- a/ui/app/templates/components/secret-edit.hbs
+++ b/ui/app/templates/components/secret-edit.hbs
@ -12,11 +12,11 @@
    <p.levelLeft>
      <h1 class="title is-3">
        {{#if (eq @mode "create")}}
-          Create secret
+          Create Secret
        {{else if (and this.isV2 (eq @mode "edit"))}}
-          Create new version
+          Create New Version
        {{else if (eq @mode "edit")}}
-          Edit secret
+          Edit Secret
        {{else}}
          {{@key.id}}
        {{/if}}
--- a/ui/app/templates/components/tool-hash.hbs
+++ b/ui/app/templates/components/tool-hash.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Hash data
+      Hash Data
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/components/tool-lookup.hbs
+++ b/ui/app/templates/components/tool-lookup.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Lookup token
+      Lookup Token
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/components/tool-random.hbs
+++ b/ui/app/templates/components/tool-random.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Random bytes
+      Random Bytes
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/components/tool-rewrap.hbs
+++ b/ui/app/templates/components/tool-rewrap.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Rewrap token
+      Rewrap Token
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/components/tool-unwrap.hbs
+++ b/ui/app/templates/components/tool-unwrap.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Unwrap data
+      Unwrap Data
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/components/tool-wrap.hbs
+++ b/ui/app/templates/components/tool-wrap.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Wrap data
+      Wrap Data
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/components/transit-edit.hbs
+++ b/ui/app/templates/components/transit-edit.hbs
@ -11,11 +11,11 @@
  <p.levelLeft>
    <h1 class="title is-3">
      {{#if (eq this.mode "create")}}
-        Create encryption key
+        Create Encryption Key
      {{else if (eq this.mode "edit")}}
-        Edit encryption key
+        Edit Encryption Key
      {{else}}
-        Encryption key
+        Encryption Key
        <code>{{this.key.id}}</code>
      {{/if}}
    </h1>
--- a/ui/app/templates/vault/cluster/access/mfa/enforcements/index.hbs
+++ b/ui/app/templates/vault/cluster/access/mfa/enforcements/index.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Multi-factor Authentication
+      Multi-Factor Authentication
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/vault/cluster/access/mfa/index.hbs
+++ b/ui/app/templates/vault/cluster/access/mfa/index.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Multi-factor authentication
+      Multi-Factor Authentication
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/vault/cluster/access/mfa/methods/create.hbs
+++ b/ui/app/templates/vault/cluster/access/mfa/methods/create.hbs
@ -6,7 +6,7 @@
        {{this.method.name}}
        MFA
      {{else}}
-        Multi-factor authentication
+        Multi-Factor Authentication
      {{/if}}
    </h1>
  </p.levelLeft>
--- a/ui/app/templates/vault/cluster/access/mfa/methods/index.hbs
+++ b/ui/app/templates/vault/cluster/access/mfa/methods/index.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Multi-factor Authentication
+      Multi-Factor Authentication
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/vault/cluster/policies/create.hbs
+++ b/ui/app/templates/vault/cluster/policies/create.hbs
@ -12,7 +12,7 @@
    <h1 class="title is-3">
      Create
      {{uppercase this.policyType}}
-      policy
+      Policy
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/vault/cluster/secrets/backend/diff.hbs
+++ b/ui/app/templates/vault/cluster/secrets/backend/diff.hbs
@ -10,7 +10,7 @@
  </p.top>
  <p.levelLeft>
    <h1 class="title is-3">
-      View diff
+      View Diff
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/vault/cluster/secrets/backend/edit-metadata.hbs
+++ b/ui/app/templates/vault/cluster/secrets/backend/edit-metadata.hbs
@ -2,7 +2,7 @@
  <PageHeader as |p|>
    <p.levelLeft>
      <h1 class="title is-3">
-        Edit secret metadata
+        Edit Secret Metadata
      </h1>
    </p.levelLeft>
  </PageHeader>
--- a/ui/app/templates/vault/cluster/secrets/backend/sign.hbs
+++ b/ui/app/templates/vault/cluster/secrets/backend/sign.hbs
@ -25,7 +25,7 @@
  </p.top>
  <p.levelLeft>
    <h1 class="title is-3">
-      Sign SSH key
+      Sign SSH Key
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/app/templates/vault/cluster/settings/seal.hbs
+++ b/ui/app/templates/vault/cluster/settings/seal.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Seal this vault
+      Seal this Vault
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/core/addon/components/modal.js
+++ b/ui/lib/core/addon/components/modal.js
@ -25,7 +25,7 @@ import { messageTypes } from 'core/helpers/message-types';
 * @callback onClose
 * @param {onClose} onClose - onClose is the action taken when someone clicks the modal background or close button (if shown).
 * @param {boolean} isActive=false - whether or not modal displays
- * @param {string} [title] - This text shows up in the header section of the modal.
+ * @param {string} [title] - This text shows up in the header section of the modal. Only the first word should be capitalized.
 * @param {boolean} [showCloseButton=false] - controls whether the close button in the top right corner shows.
 * @param {string} [type=null] - The header styling based on type passed into the message-types helper.
 */
--- a/ui/lib/kmip/addon/templates/configure.hbs
+++ b/ui/lib/kmip/addon/templates/configure.hbs
@ -5,7 +5,7 @@
  <p.levelLeft>
    <h1 class="title is-3">
      <Icon @name="secrets" @size="24" class="has-text-grey-light" />
-      Configure KMIP secrets engine
+      Configure KMIP Secrets Engine
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/kmip/addon/templates/credentials/generate.hbs
+++ b/ui/lib/kmip/addon/templates/credentials/generate.hbs
@ -4,7 +4,7 @@
  </p.top>
  <p.levelLeft>
    <h1 class="title is-3">
-      Generate credentials
+      Generate Credentials
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/kmip/addon/templates/role/edit.hbs
+++ b/ui/lib/kmip/addon/templates/role/edit.hbs
@ -4,7 +4,7 @@
  </p.top>
  <p.levelLeft>
    <h1 class="title is-3">
-      Edit role
+      Edit Role
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/kmip/addon/templates/scope/roles/create.hbs
+++ b/ui/lib/kmip/addon/templates/scope/roles/create.hbs
@ -4,7 +4,7 @@
  </p.top>
  <p.levelLeft>
    <h1 class="title is-3">
-      Create a role
+      Create a Role
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/kmip/addon/templates/scopes/create.hbs
+++ b/ui/lib/kmip/addon/templates/scopes/create.hbs
@ -1,7 +1,7 @@
 <PageHeader as |p|>
  <p.levelLeft>
    <h1 class="title is-3">
-      Create a scope
+      Create a Scope
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/kubernetes/addon/components/page/configure.hbs
+++ b/ui/lib/kubernetes/addon/components/page/configure.hbs
@ -4,7 +4,7 @@
  </p.top>
  <p.levelLeft>
    <h1 class="title is-3">
-      Configure kubernetes
+      Configure Kubernetes
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/kubernetes/addon/components/page/role/create-and-edit.hbs
+++ b/ui/lib/kubernetes/addon/components/page/role/create-and-edit.hbs
@ -4,7 +4,7 @@
  </p.top>
  <p.levelLeft>
    <h1 class="title is-3">
-      {{if @model.isNew "Create role" "Edit role"}}
+      {{if @model.isNew "Create Role" "Edit Role"}}
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/open-api-explorer/addon/templates/components/swagger-ui.hbs
+++ b/ui/lib/open-api-explorer/addon/templates/components/swagger-ui.hbs
@ -2,7 +2,7 @@
  <p.levelLeft>
    <h1 class="title is-3">
      <Icon @name="code" class="has-text-grey-light" />
-      Vault API explorer
+      Vault API Explorer
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/pki/addon/components/page/pki-tidy-auto-configure.hbs
+++ b/ui/lib/pki/addon/components/page/pki-tidy-auto-configure.hbs
@ -5,7 +5,7 @@
  <p.levelLeft>
    <h1 class="title is-3">
      <Icon @name="pki" @size="24" class="has-text-grey-light" />
-      Configure automatic tidy
+      Configure Automatic Tidy
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/pki/addon/components/page/pki-tidy-manual.hbs
+++ b/ui/lib/pki/addon/components/page/pki-tidy-manual.hbs
@ -5,7 +5,7 @@
  <p.levelLeft>
    <h1 class="title is-3">
      <Icon @name="pki" @size="24" class="has-text-grey-light" />
-      Manual tidy
+      Manual Tidy
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/pki/addon/templates/certificates/certificate/details.hbs
+++ b/ui/lib/pki/addon/templates/certificates/certificate/details.hbs
@ -5,7 +5,7 @@
  <p.levelLeft>
    <h1 class="title is-3">
      <Icon @name="certificate" @size="24" class="has-text-grey-light" />
-      View certificate
+      View Certificate
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/lib/pki/addon/templates/configuration/edit.hbs
+++ b/ui/lib/pki/addon/templates/configuration/edit.hbs
@ -5,7 +5,7 @@
  <p.levelLeft>
    <h1 class="title is-3">
      <Icon @name="file-text" @size="24" class="has-text-grey-light" />
-      Edit PKI configuration
+      Edit PKI Configuration
    </h1>
  </p.levelLeft>
 </PageHeader>
--- a/ui/tests/acceptance/access/methods-test.js
+++ b/ui/tests/acceptance/access/methods-test.js
@ -31,7 +31,7 @@ module('Acceptance | auth-methods list view', function (hooks) {
    await page.visit();
    assert.strictEqual(currentRouteName(), 'vault.cluster.access.methods', 'navigates to the correct route');
    assert.ok(page.methodsLink.isActive, 'the first link is active');
-    assert.strictEqual(page.methodsLink.text, 'Authentication methods');
+    assert.strictEqual(page.methodsLink.text, 'Authentication Methods');
  });

  test('it filters by name and auth type', async function (assert) {
--- a/ui/tests/acceptance/mfa-login-enforcement-test.js
+++ b/ui/tests/acceptance/mfa-login-enforcement-test.js
@ -26,7 +26,7 @@ module('Acceptance | mfa-login-enforcement', function (hooks) {

  test('it should create login enforcement', async function (assert) {
    await visit('/ui/vault/access');
-    await click('[data-test-sidebar-nav-link="Multi-factor authentication"]');
+    await click('[data-test-sidebar-nav-link="Multi-Factor Authentication"]');
    await click('[data-test-tab="enforcements"]');
    await click('[data-test-enforcement-create]');

--- a/ui/tests/acceptance/mfa-method-test.js
+++ b/ui/tests/acceptance/mfa-method-test.js
@ -224,7 +224,7 @@ module('Acceptance | mfa-method', function (hooks) {
    );
    await click('[data-test-tab="enforcements"]');
    assert.dom('[data-test-list-item]').hasText('bar', 'Enforcement is listed in method view');
-    await click('[data-test-sidebar-nav-link="Multi-factor authentication"]');
+    await click('[data-test-sidebar-nav-link="Multi-Factor Authentication"]');
    await click('[data-test-tab="enforcements"]');
    assert.dom('[data-test-list-item="bar"]').hasText('bar', 'Enforcement is listed in enforcements view');
    await click('[data-test-list-item="bar"]');
--- a/ui/tests/acceptance/sidebar-nav-test.js
+++ b/ui/tests/acceptance/sidebar-nav-test.js
@ -65,12 +65,12 @@ module('Acceptance | sidebar navigation', function (hooks) {
    assert.dom(panel('Access')).exists('Access nav panel renders');

    const links = [
-      { label: 'Multi-factor authentication', route: '/vault/access/mfa' },
-      { label: 'OIDC provider', route: '/vault/access/oidc' },
+      { label: 'Multi-Factor Authentication', route: '/vault/access/mfa' },
+      { label: 'OIDC Provider', route: '/vault/access/oidc' },
      { label: 'Groups', route: '/vault/access/identity/groups' },
      { label: 'Entities', route: '/vault/access/identity/entities' },
      { label: 'Leases', route: '/vault/access/leases/list' },
-      { label: 'Authentication methods', route: '/vault/access' },
+      { label: 'Authentication Methods', route: '/vault/access' },
    ];

    for (const l of links) {
@ -114,7 +114,7 @@ module('Acceptance | sidebar navigation', function (hooks) {
    await click(link('Access'));
    await click('[data-test-auth-enable]');
    assert.dom('[data-test-sidebar-nav-panel="Access"]').exists('Access nav panel renders');
-    await click(link('Authentication methods'));
+    await click(link('Authentication Methods'));
    await click('[data-test-auth-backend-link="token"]');
    await click('[data-test-configure-link]');
    assert.dom('[data-test-sidebar-nav-panel="Access"]').exists('Access nav panel renders');
--- a/ui/tests/acceptance/ssh-test.js
+++ b/ui/tests/acceptance/ssh-test.js
@ -111,7 +111,7 @@ module('Acceptance | ssh secret backend', function (hooks) {
      await click('[ data-test-secret-create]');

      assert.ok(
-        find('[data-test-secret-header]').textContent.includes('SSH role'),
+        find('[data-test-secret-header]').textContent.includes('SSH Role'),
        `${role.type}: renders the create page`
      );

--- a/ui/tests/integration/components/sidebar/nav/access-test.js
+++ b/ui/tests/integration/components/sidebar/nav/access-test.js
@ -44,9 +44,9 @@ module('Integration | Component | sidebar-nav-access', function (hooks) {
  test('it should render nav links', async function (assert) {
    const links = [
      'Back to main navigation',
-      'Authentication methods',
-      'Multi-factor authentication',
-      'OIDC provider',
+      'Authentication Methods',
+      'Multi-Factor Authentication',
+      'OIDC Provider',
      'Control Groups',
      'Namespaces',
      'Groups',
--- a/ui/tests/integration/components/sidebar/nav/cluster-test.js
+++ b/ui/tests/integration/components/sidebar/nav/cluster-test.js
@ -50,7 +50,7 @@ module('Integration | Component | sidebar-nav-cluster', function (hooks) {
      'Performance',
      'Replication',
      'Raft Storage',
-      'Client count',
+      'Client Count',
      'License',
      'Seal Vault',
    ];
--- a/ui/tests/pages/access/methods.js
+++ b/ui/tests/pages/access/methods.js
@ -10,7 +10,7 @@ export default create({
  methodsLink: {
    isActive: hasClass('active'),
    text: text(),
-    scope: '[data-test-sidebar-nav-link="Authentication methods"]',
+    scope: '[data-test-sidebar-nav-link="Authentication Methods"]',
  },

  backendLinks: collection('[data-test-auth-backend-link]', {