Update tests/integration/components/gleam-logo-test.js

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

Author: Arpan-206

tests/integration/components/gleam-logo-test.js

@@ -105,16 +105,13 @@ module('Integration | Component | gleam-logo', function (hooks) {
 
   test('it handles hover state correctly', async function (assert) {
     await render(hbs`<GleamLogo />`);
-
-    // Wait for the component to fully initialize
-    await new Promise((resolve) => setTimeout(resolve, 0));
+    await settled();
 
     const container = this.element.querySelector('div');
     assert.ok(container, 'Container exists');
 
-    // Create and attach mock Rive instance
-    const mockRive = new MockRive({ canvas: container.querySelector('canvas') });
-    container.__riveInstance = mockRive;
+    // Get the rive instance from the container
+    const mockRive = container.__riveInstance;
     assert.ok(mockRive, 'Rive instance exists');
 
     // Simulate Rive load event
@@ -130,8 +127,17 @@ module('Integration | Component | gleam-logo', function (hooks) {
     // Verify initial hover state
     assert.false(hoverInput.value, 'Hover input is initially false');
 
-    // Wait for hover out timeout
-    await new Promise((resolve) => setTimeout(resolve, 1000));
+    // Trigger mouseenter event to test hover behavior
+    container.dispatchEvent(new MouseEvent('mouseenter'));
+    await settled();
+
+    // Verify hover state after mouseenter
+    assert.true(hoverInput.value, 'Hover input is set to true after mouseenter');
+
+    // Trigger mouseleave event
+    container.dispatchEvent(new MouseEvent('mouseleave'));
+    await settled();
+
     assert.false(hoverInput.value, 'Hover input is set to false after timeout');
   });
 });