Use test selector for error

Author: RobbieTheWagner

app/components/login.gts

@@ -42,7 +42,10 @@ export default class LoginComponent extends Component {
       {{/if}}
 
       {{#if this.errorMessage}}
-        <div class="bg-red-400 my-2 p-4 rounded-sm text-xs text-red-800">
+        <div
+          class="bg-red-400 my-2 p-4 rounded-sm text-xs text-red-800"
+          data-test-login-error
+        >
           {{this.errorMessage}}
         </div>
       {{/if}}

tests/acceptance/settings/cloud-test.ts

@@ -151,7 +151,7 @@ module('Acceptance | settings/cloud', function (hooks) {
     await waitForAll();
 
     // Should show error and stay on login page
-    assert.dom('.bg-red-400').exists('error message is shown');
+    assert.dom('[data-test-login-error]').exists('error message is shown');
     assert.strictEqual(
       currentURL(),
       '/settings/cloud/login',