From 61db03c617a20917b401bacb6640f9c0d975e33b Mon Sep 17 00:00:00 2001
From: rouxxi <gwenvael.laskar@pix.fr>
Date: Fri, 20 Sep 2024 12:02:02 +0200
Subject: [PATCH] feat(junior): add tooltip to classes selection

---
 junior/app/templates/school/divisions.hbs     | 16 +++++++--
 .../tests/acceptance/school-divisions-test.js | 33 +++++++++++++++++++
 2 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 junior/tests/acceptance/school-divisions-test.js

diff --git a/junior/app/templates/school/divisions.hbs b/junior/app/templates/school/divisions.hbs
index c0286953a00..b1e0ef8fb8b 100644
--- a/junior/app/templates/school/divisions.hbs
+++ b/junior/app/templates/school/divisions.hbs
@@ -4,9 +4,21 @@
 </RobotDialog>
 <div class="list">
   {{#each @model.divisions as |division|}}
-    <LinkTo @route="school.students" @query={{hash division=division}} class="divisions__item">
-      <p class="item__title">{{division}}</p>
+    <LinkTo @route="school.students" @query={{hash division=division}}>
+      <PixTooltip @isInline={{true}}>
+        <:triggerElement>
+          <div class="divisions__item">
+            <p class="item__title">{{division}}</p>
+
+          </div>
+        </:triggerElement>
+
+        <:tooltip>
+          {{division}}
+        </:tooltip>
+      </PixTooltip>
     </LinkTo>
+
   {{/each}}
 </div>
 <Footer />
\ No newline at end of file
diff --git a/junior/tests/acceptance/school-divisions-test.js b/junior/tests/acceptance/school-divisions-test.js
new file mode 100644
index 00000000000..43d4dd688e5
--- /dev/null
+++ b/junior/tests/acceptance/school-divisions-test.js
@@ -0,0 +1,33 @@
+import { visit } from '@1024pix/ember-testing-library';
+import { module, test } from 'qunit';
+
+import { setupApplicationTest } from '../../tests/helpers';
+
+module('Acceptance | School | divisions', function (hooks) {
+  setupApplicationTest(hooks);
+  hooks.afterEach(async function () {
+    localStorage.clear();
+  });
+
+  test('should display all existant divisions', async function (assert) {
+    // given
+    const longClassName = 'CM2-B 3 3 3 3 adzaz azd adazdzad dzad d';
+    this.server.create('school', {
+      organizationLearners: [
+        {
+          id: 1,
+          division: longClassName,
+          firstName: 'Sara',
+          displayName: 'Sara A.',
+          organizationId: 9000,
+        },
+        { id: 2, division: 'CM2 A', firstName: 'Mickey', displayName: 'Mickey', organizationId: 9000 },
+      ],
+    });
+    // when
+    const screen = await visit('/schools/MINIPIXOU');
+    const htmlElementsWithLongName = screen.queryAllByText(longClassName);
+
+    assert.strictEqual(htmlElementsWithLongName.length, 2);
+  });
+});