@times-components/ssr 2.58.3-alpha.2 → 2.58.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.58.3](https://github.com/newsuk/times-components/compare/@times-components/ssr@2.58.2...@times-components/ssr@2.58.3) (2024-08-22)
+
+**Note:** Version bump only for package @times-components/ssr
+
+
+
+
+
 ## [2.58.2](https://github.com/newsuk/times-components/compare/@times-components/ssr@2.58.1...@times-components/ssr@2.58.2) (2024-08-14)
 
 **Note:** Version bump only for package @times-components/ssr

package/__tests__/helpers/topic-helper.js

@@ -0,0 +1,76 @@
+/* eslint-disable no-unused-expressions */
+
+import { MockTopic, MockArticle } from "@times-components/fixture-generator";
+import { terminalLog } from "../cypress/support";
+
+export default (options = {}) => {
+  const qs = options.qs || "";
+  const variant = options.variant || "Default";
+  const topicPath = `/topic/canada`;
+  const pageUrl = `${topicPath}${qs}`;
+
+  describe(`Topic Page - ${variant}`, () => {
+    before(() => {
+      cy.task("startMockServerWith", {
+        Article: new MockArticle().get(),
+        Topic: new MockTopic().setTopicArticles(25).get()
+      });
+    });
+
+    beforeEach(() => {
+      cy.visit(pageUrl);
+    });
+
+    after(() => {
+      cy.task("stopMockServer");
+    });
+
+    it("Topic head has required elements", () => {
+      cy.get("#main-container > div:nth-child(1)");
+      cy.get("#main-container h1")
+        .first()
+        .contains("Topic Page");
+      cy.get('div[data-testid="topic-description"]');
+    });
+
+    it("should take you to the article page once an article has been selected", () => {
+      cy.wait(2000);
+      cy.get(`div[data-testid="article-list-item-0"]`).click();
+      expect(cy.get('[data-testid="standfirst"]')).to.exist;
+    });
+
+    it("loads inline-ad", () => {
+      expect(cy.get("#ad-article-inline")).to.exist;
+    });
+
+    it("navigates between article pages", () => {
+      cy.url().should("not.include", "?page=1");
+      cy.goToNextArticle();
+      cy.url().should("include", "?page=2");
+      cy.goToPreviousArticle();
+      cy.url().should("include", "?page=1");
+    });
+
+    it("should pass basic a11y test", () => {
+      cy.injectAxe();
+      cy.wait(1000);
+      cy.configureAxe({
+        rules: [
+          {
+            id: "color-contrast",
+            enabled: false
+          },
+          {
+            id: "region",
+            enabled: false
+          },
+          {
+            id: "heading-order",
+            enabled: false
+          }
+        ]
+      });
+      cy.checkA11y(null, null, terminalLog, null);
+    });
+  });
+};

package/__tests__/integration/topic-default.js

@@ -0,0 +1,4 @@
+import topicPageTests from "../helpers/author-profile-helper";
+
+// default
+topicPageTests({ stickyElements: ["#nav"], skipSnapshotTest: true });

package/__tests__/integration/topic-persisted-query.js

@@ -0,0 +1,8 @@
+import topicPageTests from "../helpers/topic-helper";
+
+// persisted queries
+topicPageTests({
+  qs: "?pq=1",
+  variant: "Persisted Query",
+  stickyElements: ["#nav"]
+});