created user-guide-link page object and updated integration test to u…

…se it

packages/frontend/tests/integration/components/user-guide-link-test.js

@@ -3,6 +3,7 @@ import { setupRenderingTest } from 'frontend/tests/helpers';
 import { render } from '@ember/test-helpers';
 import { hbs } from 'ember-cli-htmlbars';
 import { setLocale, setupIntl } from 'ember-intl/test-support';
+import { component } from 'frontend/tests/pages/components/user-guide-link';
 
 module('Integration | Component | user-guide-link', function (hooks) {
   setupRenderingTest(hooks);
@@ -11,16 +12,14 @@ module('Integration | Component | user-guide-link', function (hooks) {
   test('it renders', async function (assert) {
     await render(hbs`<UserGuideLink />`);
 
-    assert.dom('[data-test-user-guide-link]').exists();
-    assert.dom('[data-test-user-guide-link-icon]').exists();
-    assert.dom('[data-test-user-guide-link-icon]').hasText('Ilios User Guide');
+    assert.ok(component);
+    assert.ok(component.icon);
+    assert.strictEqual(component.icon.title, 'Ilios User Guide');
 
     await setLocale('es');
-
-    assert.dom('[data-test-user-guide-link-icon]').hasText('Ilios Guía de usuario');
+    assert.strictEqual(component.icon.title, 'Ilios Guía de usuario');
 
     await setLocale('fr');
-
-    assert.dom('[data-test-user-guide-link-icon]').hasText("Ilios Guide d'utilisation");
+    assert.strictEqual(component.icon.title, "Ilios Guide d'utilisation");
   });
 });

packages/frontend/tests/pages/components/user-guide-link.js

@@ -0,0 +1,12 @@
+import { create, text } from 'ember-cli-page-object';
+
+const definition = {
+  scope: '[data-test-user-guide-link]',
+  icon: {
+    scope: '[data-test-user-guide-link-icon]',
+    title: text('title'),
+  },
+};
+
+export default definition;
+export const component = create(definition);