@plone/volto 18.0.0-alpha.22 → 18.0.0-alpha.24

package/CHANGELOG.md

@@ -17,6 +17,28 @@ myst:
 
 <!-- towncrier release notes start -->
 
+## 18.0.0-alpha.24 (2024-03-23)
+
+### Feature
+
+- Add id attribute to discussions container and individual comments [@ericof] [#5904](https://github.com/plone/volto/issues/5904)
+
+### Internal
+
+- Move `testing-library` Cypress commands import to inner commands, so it can be imported from the outside. @sneridagh [#5906](https://github.com/plone/volto/issues/5906)
+- Add new cypress helper for slate `getSlateEditorAndType` @sneridagh [#5909](https://github.com/plone/volto/issues/5909)
+- Upgrade @typescript-eslint @sneridagh [#5910](https://github.com/plone/volto/issues/5910)
+
+## 18.0.0-alpha.23 (2024-03-21)
+
+### Feature
+
+- Improve the usage of `RAZZLE_JEST_CONFIG`. @sneridagh [#5901](https://github.com/plone/volto/issues/5901)
+
+### Documentation
+
+- Updated testing and code quality with information on how to contribute to Volto core. @ichim-david [#5341](https://github.com/plone/volto/issues/5341)
+
 ## 18.0.0-alpha.22 (2024-03-19)
 
 ### Bugfix

package/cypress/support/commands.js

@@ -1,4 +1,5 @@
 /* eslint-disable no-console */
+import '@testing-library/cypress/add-commands';
 import { getIfExists } from '../helpers';
 import { ploneAuth } from './constants';
 
@@ -21,8 +22,6 @@ const ploneAuthObj = {
   pass: ploneAuth[1],
 };
 
-export * from './volto-slate';
-
 // --- isInViewport ----------------------------------------------------------
 Cypress.Commands.add('isInViewport', (element) => {
   cy.get(element).then(($el) => {

package/cypress/support/helpers.js

@@ -0,0 +1 @@
+export * from './volto-slate';

package/cypress/support/volto-slate.js

@@ -75,3 +75,7 @@ export const selectSlateNodeOfWord = (el) => {
     win.document.dispatchEvent(event);
   });
 };
+
+export const getSlateEditorAndType = (selector, type) => {
+  return cy.get(selector).focus().click().wait(1000).type(type).wait(1000);
+};

package/jest-extender-plugin.js

@@ -10,9 +10,15 @@ module.exports = {
     options: { razzleOptions, pluginOptions },
     paths,
   }) {
-    // If the RAZZLE_JEST_CONFIG env var exists, use it as the file with the Jest config
-    // overrides
+    // If the RAZZLE_JEST_CONFIG env var exists,
+    // use it as the file with the Jest config overrides
     if (process.env.RAZZLE_JEST_CONFIG) {
+      if (fs.existsSync(path.resolve(process.env.RAZZLE_JEST_CONFIG))) {
+        const jestConfigPath = path.resolve(process.env.RAZZLE_JEST_CONFIG);
+        const jestConfig = require(jestConfigPath);
+        config = { ...config, ...jestConfig };
+        return config;
+      }
       if (
         fs.existsSync(`${projectRootPath}/${process.env.RAZZLE_JEST_CONFIG}`)
       ) {

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "18.0.0-alpha.22",
+  "version": "18.0.0-alpha.24",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -236,8 +236,8 @@
     "url": "^0.11.3",
     "use-deep-compare-effect": "1.8.1",
     "uuid": "^8.3.2",
-    "@plone/registry": "1.5.3",
     "@plone/scripts": "3.6.1",
+    "@plone/registry": "1.5.4",
     "@plone/volto-slate": "18.0.0-alpha.10"
   },
   "devDependencies": {
@@ -274,8 +274,8 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-test-renderer": "18.0.7",
     "@types/uuid": "^9.0.2",
-    "@typescript-eslint/eslint-plugin": "7.1.1",
-    "@typescript-eslint/parser": "7.1.1",
+    "@typescript-eslint/eslint-plugin": "7.3.1",
+    "@typescript-eslint/parser": "7.3.1",
     "autoprefixer": "10.4.8",
     "axe-core": "4.4.2",
     "babel-loader": "9.1.0",

package/src/components/theme/Comments/Comments.jsx

@@ -213,7 +213,7 @@ const Comments = (props) => {
   // recursively makes comments with their replies nested
   // each iteration will show replies to the specific comment using allCommentsWithCildren
   const commentElement = (comment) => (
-    <Comment key={comment.comment_id}>
+    <Comment key={comment.comment_id} id={comment.comment_id}>
       <Avatar
         src={flattenToAppURL(comment.author_image)}
         title={comment.author_name || 'Anonymous'}
@@ -345,7 +345,7 @@ const Comments = (props) => {
         </div>
       )}
       {/* all comments  */}
-      <Comment.Group threaded>
+      <Comment.Group threaded id={'discussion'}>
         {allPrimaryComments.map((item) => commentElement(item))}
       </Comment.Group>