feat: 🎸 update player to allow routing to provided route (#173)

✅ Closes: ICU-8381

ui/admin/app/components/session-recording/player/index.hbs

@@ -3,7 +3,8 @@
     <Hds::Link::Standalone
       @icon='arrow-left'
       @text='Back to channels'
-      @href='...'
+      @route={{@route}}
+      @model={{@model}}
     />
   </div>
   <div class='session-recording-player-theme'>

ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs

@@ -13,7 +13,11 @@
   <page.body>
     <Layout::Sidebar as |sb|>
       <sb.Body>
-        <SessionRecording::Player @asciiCast={{@model.asciicast}} />
+        <SessionRecording::Player
+          @asciiCast={{@model.asciicast}}
+          @route='scopes.scope.session-recordings.session-recording'
+          @model={{@model.sessionRecording.id}}
+        />
       </sb.Body>
 
       <sb.Sidebar>

ui/admin/tests/acceptance/session-recordings/session-recording/channels-by-connection/channel-test.js

@@ -1,5 +1,5 @@
 import { module, test } from 'qunit';
-import { visit, currentURL } from '@ember/test-helpers';
+import { visit, currentURL, click } from '@ember/test-helpers';
 import { setupApplicationTest } from 'admin/tests/helpers';
 import setupMirage from 'ember-cli-mirage/test-support/setup-mirage';
 import { authenticateSession } from 'ember-simple-auth/test-support';
@@ -59,5 +59,15 @@ module(
       await visit(urls.connectionRecording);
       assert.strictEqual(currentURL(), urls.connectionRecording);
     });
+
+    test('user can navigate back to session recording screen', async function (assert) {
+      assert.expect(1);
+      // Visit channel
+      await visit(urls.connectionRecording);
+      // click "Back to channels" link in player header
+      await click('.session-recording-player-header > a');
+
+      assert.strictEqual(currentURL(), urls.sessionRecording);
+    });
   }
 );

ui/admin/tests/integration/components/session-recording/player-test.js

@@ -26,7 +26,7 @@ module('Integration | Component | session-recording/player', function (hooks) {
 [3.63678, "o", "t"]`;
 
     await render(hbs`
-      <SessionRecording::Player @asciiCast={{this.cast}} />
+      <SessionRecording::Player @asciiCast={{this.cast}} @route='test.route' @model='t_123' />
     `);
 
     assert.dom(this.element).hasText('Back to channels --:----:--');