chore(deps): bump prettier from 3.0.3 to 3.1.1 (#278)

.github/dependabot.yml

@@ -1,18 +1,18 @@
 version: 2
 updates:
-  - package-ecosystem: 'npm'
-    directory: '/'
+  - package-ecosystem: "npm"
+    directory: "/"
     schedule:
-      interval: 'weekly'
+      interval: "weekly"
     groups:
       babel:
         patterns:
-          - '@babel/*'
+          - "@babel/*"
     reviewers:
-      - '@ExpediaGroup/cypress-codegen-admins'
-  - package-ecosystem: 'github-actions'
-    directory: '/'
+      - "@ExpediaGroup/cypress-codegen-admins"
+  - package-ecosystem: "github-actions"
+    directory: "/"
     schedule:
-      interval: 'weekly'
+      interval: "weekly"
     reviewers:
-      - '@ExpediaGroup/cypress-codegen-admins'
+      - "@ExpediaGroup/cypress-codegen-admins"

.prettierignore

@@ -1,2 +1,3 @@
 node_modules
 pnpm-lock.yaml
+cypress

.releaserc.yaml

@@ -1,5 +1,5 @@
 plugins:
-  - - '@semantic-release/commit-analyzer'
+  - - "@semantic-release/commit-analyzer"
     - preset: angular
       releaseRules:
         - breaking: true
@@ -12,7 +12,7 @@ plugins:
           release: patch
         - scope: no-release
           release: false
-  - '@semantic-release/release-notes-generator'
-  - '@semantic-release/github'
+  - "@semantic-release/release-notes-generator"
+  - "@semantic-release/github"
 branches:
   - main

CONTRIBUTING.md

@@ -48,7 +48,7 @@ Push your changes to your branch and open a pull request against the parent repo
 
 Upon Pull Request submission, your code will be reviewed by the maintainers. They will confirm at least the following:
 
-- Tests run successfully (unit, coverage, integration, style).
-- Contribution policy has been followed.
+-   Tests run successfully (unit, coverage, integration, style).
+-   Contribution policy has been followed.
 
 One (human) reviewer will need to sign off on your Pull Request before it can be merged.

README.md

@@ -8,11 +8,11 @@ A [Cypress](https://www.cypress.io/) plugin and CLI tool which automatically add
 
 ## Table of Contents
 
-- [Why Do I Need This Plugin?](#why-do-i-need-this-plugin)
-- [Installation](#installation)
-- [Usage](#usage)
-- [Example](#example)
-- [Configuration](#configuration)
+-   [Why Do I Need This Plugin?](#why-do-i-need-this-plugin)
+-   [Installation](#installation)
+-   [Usage](#usage)
+-   [Example](#example)
+-   [Configuration](#configuration)
 
 ## Why Do I Need This Plugin?
 
@@ -33,27 +33,27 @@ Model your Cypress project exactly like [the one in this repository](https://git
 1. Add the required plugin code to `cypress.config.ts` like so:
 
 ```ts
-import { cypressCodegen } from 'cypress-codegen';
-import { defineConfig } from 'cypress';
+import { cypressCodegen } from "cypress-codegen";
+import { defineConfig } from "cypress";
 
 export default defineConfig({
-  e2e: {
-    setupNodeEvents(on, config) {
-      cypressCodegen(on, config);
-      return config;
-    }
-  },
-
-  component: {
-    setupNodeEvents(on, config) {
-      cypressCodegen(on, config);
-      return config;
+    e2e: {
+        setupNodeEvents(on, config) {
+            cypressCodegen(on, config);
+            return config;
+        },
+    },
+
+    component: {
+        setupNodeEvents(on, config) {
+            cypressCodegen(on, config);
+            return config;
+        },
+        devServer: {
+            framework: "react",
+            bundler: "vite",
+        },
     },
-    devServer: {
-      framework: 'react',
-      bundler: 'vite'
-    }
-  }
 });
 ```
 

cypress.config.ts

@@ -1,26 +1,32 @@
-import { cypressCodegen } from 'cypress-codegen';
-import { defineConfig } from 'cypress';
+import { cypressCodegen } from "cypress-codegen";
+import { defineConfig } from "cypress";
 
 export default defineConfig({
   screenshotOnRunFailure: false,
   video: false,
 
   e2e: {
-    setupNodeEvents(on: Cypress.PluginEvents, config: Cypress.PluginConfigOptions) {
+    setupNodeEvents(
+      on: Cypress.PluginEvents,
+      config: Cypress.PluginConfigOptions,
+    ) {
       cypressCodegen(on, config);
       return config;
-    }
+    },
   },
 
   component: {
     devServer: {
-      framework: 'react',
-      bundler: 'vite',
-      viteConfig: {}
+      framework: "react",
+      bundler: "vite",
+      viteConfig: {},
     },
-    setupNodeEvents(on: Cypress.PluginEvents, config: Cypress.PluginConfigOptions) {
+    setupNodeEvents(
+      on: Cypress.PluginEvents,
+      config: Cypress.PluginConfigOptions,
+    ) {
       cypressCodegen(on, config);
       return config;
-    }
-  }
+    },
+  },
 });

cypress/commands/custom-mount.tsx

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import * as React from "react";
 
 export const customMount = (Component: React.FC) => {
   cy.mount(
     <div>
       <Component />
-    </div>
+    </div>,
   );
 };
 

cypress/commands/example.ts

@@ -12,14 +12,14 @@ limitations under the License.
 */
 
 export function functionExample(input: string) {
-  cy.log('Here is a custom command!')
-    .log('And it preserves my code styling')
-    .log('When I chain commands on new lines!');
+  cy.log("Here is a custom command!")
+    .log("And it preserves my code styling")
+    .log("When I chain commands on new lines!");
   cy.contains(input);
 }
 
 export const arrowFunctionExample = (input: string) => {
-  cy.log('Here is a custom command from an arrow function!');
+  cy.log("Here is a custom command from an arrow function!");
   cy.contains(input);
 };
 

cypress/commands/index.ts

@@ -1,4 +1,4 @@
 /** Generated by cypress-codegen **/
-export * from './example';
-export * from './custom-mount';
-export * from './nested/nested-example';
+export * from "./example";
+export * from "./custom-mount";
+export * from "./nested/nested-example";

cypress/commands/nested/nested-example.ts

@@ -12,7 +12,7 @@ limitations under the License.
 */
 
 export const nestedExample = (input: string) => {
-  cy.log('Here is a custom command in a nested directory!');
+  cy.log("Here is a custom command in a nested directory!");
   cy.contains(input);
 };
 

cypress/component/component-example.cy.tsx

@@ -11,37 +11,37 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import * as React from 'react';
-
-const componentText = 'Here is a component';
-
-describe('Example Test', () => {
-  beforeEach(() => {
-    cy.mount(<p>{componentText}</p>);
-  });
-
-  it('should import custom commands in component tests', () => {
-    cy.functionExample(componentText);
-  });
-
-  it('should dynamically import custom commands from arrow functions', () => {
-    cy.arrowFunctionExample(componentText);
-  });
-
-  it('should dynamically import nested custom commands', () => {
-    cy.nestedExample(componentText);
-  });
-
-  it('should chain custom commands', () => {
-    cy.log(componentText)
-      .functionExample(componentText)
-      .arrowFunctionExample(componentText)
-      .nestedExample(componentText);
-  });
-
-  it('should support custom mount commands', () => {
-    const myComponent = () => <>{'Different text'}</>;
-    cy.customMount(myComponent);
-    cy.contains('Different text');
-  });
+import * as React from "react";
+
+const componentText = "Here is a component";
+
+describe("Example Test", () => {
+    beforeEach(() => {
+        cy.mount(<p>{componentText}</p>);
+    });
+
+    it("should import custom commands in component tests", () => {
+        cy.functionExample(componentText);
+    });
+
+    it("should dynamically import custom commands from arrow functions", () => {
+        cy.arrowFunctionExample(componentText);
+    });
+
+    it("should dynamically import nested custom commands", () => {
+        cy.nestedExample(componentText);
+    });
+
+    it("should chain custom commands", () => {
+        cy.log(componentText)
+            .functionExample(componentText)
+            .arrowFunctionExample(componentText)
+            .nestedExample(componentText);
+    });
+
+    it("should support custom mount commands", () => {
+        const myComponent = () => <>{"Different text"}</>;
+        cy.customMount(myComponent);
+        cy.contains("Different text");
+    });
 });

cypress/e2e/e2e-example.cy.ts

@@ -11,26 +11,26 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-const expectedText = 'Kitchen Sink';
+const expectedText = "Kitchen Sink";
 
-describe('Example Test', () => {
+describe("Example Test", () => {
   beforeEach(() => {
-    cy.visit('https://example.cypress.io/');
+    cy.visit("https://example.cypress.io/");
   });
 
-  it('should dynamically import custom commands from functions', () => {
+  it("should dynamically import custom commands from functions", () => {
     cy.functionExample(expectedText);
   });
 
-  it('should dynamically import custom commands from arrow functions', () => {
+  it("should dynamically import custom commands from arrow functions", () => {
     cy.arrowFunctionExample(expectedText);
   });
 
-  it('should dynamically import nested custom commands', () => {
+  it("should dynamically import nested custom commands", () => {
     cy.nestedExample(expectedText);
   });
 
-  it('should chain custom commands', () => {
+  it("should chain custom commands", () => {
     cy.log(expectedText)
       .functionExample(expectedText)
       .arrowFunctionExample(expectedText)

cypress/support/component-index.html

@@ -1,12 +1,12 @@
 <!doctype html>
 <html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Components App</title>
-  </head>
-  <body>
-    <div data-cy-root></div>
-  </body>
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+        <title>Components App</title>
+    </head>
+    <body>
+        <div data-cy-root></div>
+    </body>
 </html>

cypress/support/component.ts

@@ -11,7 +11,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import { mount } from 'cypress/react18';
+import { mount } from "cypress/react18";
 
 // Augment the Cypress namespace to include type definitions for
 // your custom command.
@@ -25,7 +25,7 @@ declare global {
   }
 }
 
-Cypress.Commands.add('mount', mount);
+Cypress.Commands.add("mount", mount);
 
 /** Generated by cypress-codegen **/
-import('../commands').then(Cypress.Commands.addAll);
+import("../commands").then(Cypress.Commands.addAll);

cypress/support/e2e.ts

@@ -1,2 +1,2 @@
 /** Generated by cypress-codegen **/
-import('../commands').then(Cypress.Commands.addAll);
+import("../commands").then(Cypress.Commands.addAll);

packages/cypress-codegen/.eslintrc.json

@@ -47,8 +47,7 @@
     "github/no-then": "off",
     "i18n-text/no-en": "off",
     "import/no-unresolved": "off",
-    "filenames/match-regex": [2, "(^[a-z-]+$)|(^[a-z-]+\\.test$)"],
-    "quotes": ["error", "single"]
+    "filenames/match-regex": [2, "(^[a-z-]+$)|(^[a-z-]+\\.test$)"]
   },
   "env": {
     "node": true,

packages/cypress-codegen/package.json

@@ -29,7 +29,7 @@
     "chalk": "4.1.2",
     "commander": "11.1.0",
     "glob": "10.3.10",
-    "prettier": "3.0.3"
+    "prettier": "3.1.1"
   },
   "peerDependencies": {
     "cypress": ">=12"

packages/cypress-codegen/reset.d.ts

@@ -1,2 +1,2 @@
 // https://github.com/total-typescript/ts-reset
-import '@total-typescript/ts-reset';
+import "@total-typescript/ts-reset";