Add tests for presenters

Author: Chalarangelo

spec/presenters/breadcrumbPresenter.test.js

@@ -0,0 +1,67 @@
+/* eslint-disable no-unused-vars */
+import { describe, it, expect } from 'vitest';
+import Loader from '../../lib/loader.js';
+import BreadcrumbPresenter from '../../app/presenters/breadcrumbPresenter.js';
+import settings from '../../config/settings.js';
+
+describe('BreadcrumbPresenter', () => {
+  Loader.loadModules();
+  const { CollectionFactory, SnippetFactory, CollectionSnippetFactory } =
+    Loader.buildFactories();
+
+  const mainCollection = CollectionFactory.create('main');
+  const primaryCollection = CollectionFactory.create('primary', {
+    id: 'js',
+    miniTitle: 'JavaScript',
+  });
+  const secondaryCollection = CollectionFactory.create('secondary', {
+    id: 'js/c/array',
+    parentId: 'js',
+    miniTitle: 'Array',
+  });
+  const otherSecondaryCollection = CollectionFactory.create('secondary', {
+    id: 'js/c/object',
+    parentId: 'js',
+    miniTitle: 'Object',
+  });
+
+  const snippet = SnippetFactory.create({
+    id: 'js/s/my-snippet',
+    shortTitle: 'My snippet',
+    tags: 'array;object',
+  });
+
+  const collectionSnippetPrimary = CollectionSnippetFactory.create({
+    collectionId: primaryCollection.id,
+    snippetId: snippet.id,
+  });
+  const collectionSnippetSecondary = CollectionSnippetFactory.create({
+    collectionId: secondaryCollection.id,
+    snippetId: snippet.id,
+  });
+  const collectionSnippetOtherSecondary = CollectionSnippetFactory.create({
+    collectionId: otherSecondaryCollection.id,
+    snippetId: snippet.id,
+  });
+
+  const snippetPresenter = new BreadcrumbPresenter(snippet);
+
+  describe('breadcrumbs', () => {
+    it('returns the breadcrumbs for a snippet', () => {
+      expect(snippetPresenter.breadcrumbs).toEqual([
+        settings.breadcrumbs.home,
+        { url: '/js/p/1', name: 'JavaScript' },
+        { url: '/js/c/array/p/1', name: 'Array' },
+        { url: '/js/s/my-snippet', name: 'My snippet' },
+      ]);
+    });
+  });
+
+  describe('recommendedCollection', () => {
+    it('returns the recommended collection for a snippet', () => {
+      expect(snippetPresenter.recommendedCollection).toEqual(
+        otherSecondaryCollection
+      );
+    });
+  });
+});

spec/presenters/breadcrumb_presenter_spec.rb

@@ -0,0 +1,58 @@
+import { describe, it, expect } from 'vitest';
+import Loader from '../../lib/loader.js';
+import CoverPresenter from '../../app/presenters/coverPresenter.js';
+
+describe('CoverPresenter', () => {
+  Loader.loadModules();
+  const { CollectionFactory, SnippetFactory } = Loader.buildFactories();
+
+  const snippet = SnippetFactory.create({ cover: 'snippet-cover' });
+  const collection = CollectionFactory.create({ cover: 'collection-cover' });
+
+  const snippetPresenter = new CoverPresenter(snippet);
+  const collectionPresenter = new CoverPresenter(collection);
+
+  describe('coverUrl', () => {
+    it('returns the cover url for a snippet', () => {
+      expect(snippetPresenter.coverUrl()).toEqual(
+        '/assets/cover/snippet-cover-400.webp'
+      );
+    });
+
+    it('returns the cover url for a snippet with full size', () => {
+      expect(snippetPresenter.coverUrl(true)).toEqual(
+        '/assets/cover/snippet-cover-800.webp'
+      );
+    });
+
+    it('returns the cover url for a collection', () => {
+      expect(collectionPresenter.coverUrl()).toEqual(
+        '/assets/splash/collection-cover-600.webp'
+      );
+    });
+  });
+
+  describe('coverSrcset', () => {
+    it('returns the cover srcset for a snippet', () => {
+      expect(snippetPresenter.coverSrcset()).toEqual([
+        '/assets/cover/snippet-cover-400.webp 400w',
+        '/assets/cover/snippet-cover-800.webp 800w',
+      ]);
+    });
+
+    it('returns the cover srcset for a snippet with full size', () => {
+      expect(snippetPresenter.coverSrcset(true)).toEqual([
+        '/assets/cover/snippet-cover-800.webp 800w',
+        '/assets/cover/snippet-cover-400.webp 400w',
+        '/assets/cover/snippet-cover-1200.webp 1200w',
+      ]);
+    });
+
+    it('returns the cover srcset for a collection', () => {
+      expect(collectionPresenter.coverSrcset()).toEqual([
+        '/assets/splash/collection-cover-600.webp 600w',
+        '/assets/splash/collection-cover-400.webp 400w',
+      ]);
+    });
+  });
+});

spec/presenters/coverPresenter.test.js

@@ -0,0 +1,72 @@
+/* eslint-disable no-unused-vars */
+import { describe, it, expect } from 'vitest';
+import Loader from '../../lib/loader.js';
+import RecommendationPresenter from '../../app/presenters/recommendationPresenter.js';
+import settings from '../../config/settings.js';
+
+describe('RecommendationPresenter', () => {
+  Loader.loadModules();
+  const { CollectionFactory, SnippetFactory, CollectionSnippetFactory } =
+    Loader.buildFactories();
+
+  const snippet = SnippetFactory.create({
+    languageId: 'javascript',
+    id: 'js/s/my-snippet',
+    shortTitle: 'My snippet',
+    tags: 'array;object',
+  });
+
+  const sameSnippetOtherLanguage = SnippetFactory.create({
+    languageId: 'python',
+    id: 'py/s/my-snippet',
+    shortTitle: 'My snippet',
+    tags: 'array;object',
+  });
+
+  const unlistedSnippet = SnippetFactory.create('unlisted', {
+    languageId: 'javascript',
+    id: 'js/s/unrecommendable-snippet',
+    shortTitle: 'Unrecommendable snippet',
+    tags: 'array;object',
+  });
+
+  const highlyRecommendableSnippet = SnippetFactory.create({
+    languageId: 'javascript',
+    id: 'js/s/highly-recommendable-snippet',
+    shortTitle: 'Highly recommendable snippet',
+    tags: 'array;object',
+  });
+
+  const somewhatRecommendableSnippet = SnippetFactory.create({
+    languageId: 'javascript',
+    id: 'js/s/somewhat-recommendable-snippet',
+    shortTitle: 'Somewhat recommendable snippet',
+    tags: 'browser',
+  });
+
+  const presenter = new RecommendationPresenter(snippet);
+
+  describe('#recommend_snippets', () => {
+    const subject = presenter.recommendSnippets();
+
+    it('returns snippets that are not the current snippet', () => {
+      expect(subject).not.toContainEqual(snippet);
+    });
+
+    it('does not return the same snippet in another language', () => {
+      expect(subject).not.toContainEqual(sameSnippetOtherLanguage);
+    });
+
+    it('does not return unlisted snippets', () => {
+      expect(subject).not.toContainEqual(unlistedSnippet);
+    });
+
+    it('returns snippets in the same language with the same tags', () => {
+      expect(subject).toContainEqual(highlyRecommendableSnippet);
+    });
+
+    it('returns snippets in the same language with similar tags', () => {
+      expect(subject).toContainEqual(somewhatRecommendableSnippet);
+    });
+  });
+});