feat: respect log false

Author: bahmutov

cypress/component/basic/styles/css-file/css-file-spec.js

@@ -34,6 +34,7 @@ describe('cssFile', () => {
         'cypress/component/basic/styles/css-file/base.css',
         'cypress/component/basic/styles/css-file/index.css',
       ],
+      log: false,
     })
 
     // check the style from the first css file

cypress/component/basic/styles/style/style-spec.js

@@ -48,6 +48,7 @@ describe('style', () => {
       const Component = () => <button className="green">Green button</button>
       mount(<Component />, {
         styles: indexStyle,
+        log: false,
       })
 
       cy.get('button')

lib/hooks.ts

@@ -1,7 +1,5 @@
 /** Initialize an empty document with root element */
 function renderTestingPlatform() {
-  cy.log('Prepearing to ReactDOM rendering')
-
   const document = cy.state('document') as Document
   if (document.getElementById('cypress-jsdom')) {
     return

lib/index.ts

@@ -48,15 +48,17 @@ export const mount = (jsx: React.ReactElement, options: MountOptions = {}) => {
   return cy
     .window({ log: false })
     .then(() => {
-      Cypress.log({
-        name: 'mount',
-        message: [`ReactDOM.render(<${displayname} ... />)`],
-        consoleProps() {
-          return {
-            props: jsx.props,
-          }
-        },
-      })
+      if (options.log !== false) {
+        Cypress.log({
+          name: 'mount',
+          message: [`ReactDOM.render(<${displayname} ... />)`],
+          consoleProps() {
+            return {
+              props: jsx.props,
+            }
+          },
+        })
+      }
     })
     .then(injectStyles(options))
     .then(() => {

lib/utils.ts

@@ -30,8 +30,9 @@ function insertSingleCssFile(
   cssFilename: string,
   document: Document,
   el: HTMLElement,
+  log?: boolean,
 ) {
-  return cy.readFile(cssFilename).then(css => {
+  return cy.readFile(cssFilename, { log }).then(css => {
     const style = document.createElement('style')
     style.appendChild(document.createTextNode(css))
     document.body.insertBefore(style, el)
@@ -46,9 +47,10 @@ function insertLocalCssFiles(
   cssFilenames: string[],
   document: Document,
   el: HTMLElement,
+  log?: boolean,
 ) {
   return Cypress.Promise.mapSeries(cssFilenames, cssFilename =>
-    insertSingleCssFile(cssFilename, document, el),
+    insertSingleCssFile(cssFilename, document, el, log),
   )
 }
 
@@ -57,7 +59,7 @@ function insertLocalCssFiles(
  * into the given document.
  */
 export const injectStylesBeforeElement = (
-  options: Partial<StyleOptions>,
+  options: Partial<StyleOptions & { log: boolean }>,
   document: Document,
   el: HTMLElement,
 ) => {
@@ -110,5 +112,5 @@ export const injectStylesBeforeElement = (
     cssFiles = cssFiles.concat(options.cssFiles)
   }
 
-  return insertLocalCssFiles(cssFiles, document, el)
+  return insertLocalCssFiles(cssFiles, document, el, options.log)
 }