Merge pull request #3973 from overleaf/as-clean-up-hue-generator

Clean up hue generator

GitOrigin-RevId: 1b7fad05d7c2f6519efbbe0379f2449c273e4f4b

services/web/test/frontend/shared/utils/colors.test.js

@@ -0,0 +1,33 @@
+import { expect } from 'chai'
+
+import { getHueForUserId } from '../../../../frontend/js/shared/utils/colors'
+
+describe('colors', function () {
+  const currentUser = '5bf7dab7a18b0b7a1cf6738c'
+
+  describe('getHueForUserId', function () {
+    it('returns the OWN_HUE for the current user', function () {
+      expect(getHueForUserId(currentUser, currentUser)).to.equal(200)
+    })
+
+    it('returns the ANONYMOUS_HUE for an anonymous user', function () {
+      expect(getHueForUserId()).to.equal(100)
+      expect(getHueForUserId('anonymous-user')).to.equal(100)
+    })
+
+    it('generates a hue based on user id', function () {
+      expect(getHueForUserId('59ad79f46337430b3d37cb9e', currentUser)).to.equal(
+        146
+      )
+    })
+
+    it('shifts the hue away from the OWN_HUE if it is within a threshold', function () {
+      // Ordinarily, this user id would generate a hue of 183. However, this is
+      // visually "too close" to the OWN_HUE, meaning that it could be
+      // misinterpreted. Therefore we shift it away
+      expect(getHueForUserId('20ad79f46337430b3d37cb9f', currentUser)).to.equal(
+        323
+      )
+    })
+  })
+})