@jahia/cypress 8.2.1 → 8.3.0

package/docs/jfaker.md

@@ -1,447 +0,0 @@
-# jFaker - Fake Data Generation Module
-
-## Overview
-
-The `jfaker` module is a flexible fake data generation utility for Cypress testing that combines the power of [Faker.js](https://fakerjs.dev/) with security-focused injection payload generation. It provides a unified API to generate both realistic test data and security testing payloads (XSS, SQL injection, etc.) through a dynamic proxy-based interface.
-
-## Key Features
-
-- **Faker.js Integration**: Full access to all `Faker.js` methods for generating realistic test data
-- **Security Injection Payloads**: Built-in support for common injection attack vectors (XSS, SQL, etc.)
-- **Global Type Management**: Set a global data type that automatically overrides faker calls with injection data
-- **Flexible Configuration**: Control generation behavior with options like length, provider, and overridability
-- **Dynamic API**: Chain method calls naturally (e.g., `jfaker.person.firstName()`)
-- **String Escaping**: Built-in utility to escape special characters for safe usage
-
-## Installation
-
-The module is automatically available when using the jahia-cypress package:
-
-```typescript
-import {jfaker} from '@jahia/cypress';
-```
-
-## API Reference
-
-### Data Generation Methods
-
-#### Faker.js Methods
-
-All `Faker.js` methods are available through the dynamic proxy. See [Faker.js API documentation](https://fakerjs.dev/api/) for the complete list.
-
-**Basic Usage:**
-```typescript
-jfaker.person.firstName()          // Returns: "John"
-jfaker.person.lastName()           // Returns: "Doe"
-jfaker.internet.email()            // Returns: "john.doe@example.com"
-jfaker.location.city()             // Returns: "New York"
-jfaker.company.name()              // Returns: "Acme Corporation"
-jfaker.lorem.sentence()            // Returns: "Lorem ipsum dolor sit amet."
-```
-
-**With Options:**
-```typescript
-jfaker.internet.email({provider: 'example.com'})  // Returns: "user@example.com"
-jfaker.string.alpha({length: 10})                 // Returns: 10-character string
-jfaker.number.int({min: 1, max: 100})            // Returns: random number 1-100
-jfaker.lorem.word({length: {min: 5, max: 10}})   // Returns: word with 5-10 chars
-```
-
-#### Injection Payload Methods
-
-Generate security testing payloads for various attack vectors:
-
-- **`.xss()`** - Cross-Site Scripting (XSS) payloads
-- **`.sql()`** - SQL injection payloads
-- **`.chars()`** - Random special characters
-- **`.htmlentities()`** - HTML entities
-- **`.numbers()`** - Number-based edge cases and payloads
-
-**Basic Usage:**
-```typescript
-// Default behavior (no length specified): 2-5 random items joined
-jfaker.xss()          // Returns: random XSS payload
-jfaker.sql()          // Returns: random SQL injection payload
-```
-
-**With Length Control:**
-```typescript
-// Generate specific length (characters will be randomly selected and joined)
-jfaker.xss({length: 100})         // Returns: XSS payload exactly 100 chars long
-jfaker.sql({length: 50})          // Returns: SQL payload exactly 50 chars long
-
-// Use all available payloads for the type
-jfaker.xss({length: -1})          // Returns: all XSS payloads joined together
-jfaker.sql({length: -1})          // Returns: all SQL payloads joined together
-```
-
-### Utility Methods
-
-#### `setDataType(type: string): void`
-
-Sets the global data type for all subsequent jfaker calls. When set to an injection type, all faker method calls will return injection data instead.
-
-**Parameters:**
-- `type`: One of `'faker'`, `'xss'`, `'sql'`, `'chars'`, `'htmlentities'`, or `'numbers'`
-
-**Usage:**
-```typescript
-// Set to generate XSS payloads by default
-jfaker.setDataType('xss');
-
-// Now all calls return XSS data (unless safe: true is used)
-jfaker.person.firstName();        // Returns: XSS payload, not a real name
-jfaker.internet.email();          // Returns: XSS payload, not a real email
-
-// Reset to normal faker behavior
-jfaker.setDataType('faker');
-jfaker.person.firstName();        // Returns: "John" (normal faker data)
-```
-
-**CI/CD Integration:**
-
-The data type can also be set via the `JAHIA_CYPRESS_INJECTION_TYPE` environment variable from your CI/CD pipeline:
-
-```bash
-# Run tests with XSS injection data
-JAHIA_CYPRESS_INJECTION_TYPE=xss
-
-# Run tests with SQL injection data
-JAHIA_CYPRESS_INJECTION_TYPE=sql
-```
-
-#### `getDataType(): string`
-
-Retrieves the current global data type.
-
-**Returns:** The current data type (defaults to `'faker'` if not set)
-
-**Usage:**
-```typescript
-jfaker.setDataType('xss');
-console.log(jfaker.getDataType());  // Outputs: "xss"
-```
-
-#### `escape(str: string): string`
-
-Escapes special characters in a string to prevent issues when used in HTML or JavaScript contexts. E.g.: say, page properly handles xss injections and displays them escaped. In this case, it makes sense to validate these using `escape()` funtion.
-
-**Parameters:**
-- `str`: String to escape
-
-**Returns:** Escaped string
-
-**Usage:**
-```typescript
-jfaker.escape('Hello "World"');     // Returns: 'Hello \"World\"'
-jfaker.escape('Line1\nLine2');      // Returns: 'Line1\\nLine2'
-jfaker.escape('Tab\there');         // Returns: 'Tab\\there'
-```
-
-## Advanced Usage
-
-### Safe Option
-
-When a global injection type is overridden, you can force specific calls to keep using `Faker.js` data by setting `safe: true`.
-
-```typescript
-// Set global type to XSS
-jfaker.setDataType('xss');
-
-// This returns XSS payload
-jfaker.person.firstName();
-
-// This forces Faker.js data generation (overrides global setting)
-// Call down below always returns human-readable first name, e.g.: "John"
-jfaker.person.firstName({safe: true});
-
-// Combining with other options
-// Call down below always returns human-readable email,
-// e.g. "user@example.com" (faker data with provider option)
-jfaker.internet.email({
-   provider: 'example.com',
-   safe: true
-});
-```
-
-### Options Summary
-
-| Option             | Type | Injection Methods | Faker Methods | Description                                                                                        |
-|--------------------|------|-------------------|---------------|----------------------------------------------------------------------------------------------------|
-| `length`           | `number` | ✅ | ✅* | For injections: exact character length (-1 = all payloads). For faker: passed to the faker method. |
-| `safe`             | `boolean` | ❌ | ✅ | When `true`, forces to use `Faker.js` data even when global type is overridden (set to injection). |
-| *any faker option* | various | ❌ | ✅ | Any option supported by the specific Faker.js method (e.g., `provider`, `min`, `max`).             |
-
-\* Many Faker.js methods accept a `length` option, such as `jfaker.string.alpha({length: 10})`.
-
-## Usage Examples
-
-### Example 1: Form Testing with Realistic Data
-
-```typescript
-describe('User Registration Form', () => {
-   it('should register a new user', () => {
-      cy.visit('/register');
-
-      cy.get('#firstName').type(jfaker.person.firstName());
-      cy.get('#lastName').type(jfaker.person.lastName());
-      cy.get('#email').type(jfaker.internet.email({provider: 'testdomain.com'}));
-      cy.get('#phone').type(jfaker.phone.number());
-      cy.get('#company').type(jfaker.company.name());
-      cy.get('#city').type(jfaker.location.city());
-
-      cy.get('#submit').click();
-      cy.contains('Registration successful').should('be.visible');
-   });
-});
-```
-
-### Example 2: Security Testing with Injection Payloads
-
-```typescript
-describe('Input Validation - XSS Protection', () => {
-   it('should sanitize XSS payloads in username field', () => {
-      cy.visit('/profile');
-
-      const xssPayload = jfaker.xss({length: 50});
-
-      cy.get('#username').type(xssPayload, {
-         parseSpecialCharSequences: false  // Important!
-      });
-
-      cy.get('#save').click();
-
-      // Verify the payload is escaped/sanitized
-      cy.get('#username-display').invoke('text').then(text => {
-         expect(text).not.to.include('<script>');
-      });
-   });
-});
-```
-
-### Example 3: Global Injection Testing
-
-```typescript
-describe('Security Test Suite - SQL Injection', () => {
-   before(() => {
-      // Set global type to SQL injection for the entire suite
-      jfaker.setDataType('sql');
-   });
-
-   after(() => {
-      // Reset to faker after tests
-      jfaker.setDataType('faker');
-   });
-
-   it('should protect search from SQL injection', () => {
-      cy.visit('/search');
-
-      // This returns SQL injection payload due to global setting
-      const searchTerm = jfaker.lorem.word();
-
-      cy.get('#search').type(searchTerm, {parseSpecialCharSequences: false});
-      cy.get('#search-btn').click();
-      cy.contains('No results found').should('be.visible');
-   });
-
-   it('should use faker data when explicitly needed', () => {
-      cy.visit('/search');
-
-      // Force to use Faker.js data for this specific call
-      const normalSearch = jfaker.lorem.word({safe: true});
-
-      cy.get('#search').type(normalSearch);
-      cy.get('#search-btn').click();
-      // Test with normal search term...
-   });
-});
-```
-
-### Example 4: Comprehensive Input Fuzzing
-
-```typescript
-describe('Input Field Robustness', () => {
-   const injectionTypes = ['xss', 'sql', 'chars', 'htmlentities', 'numbers'];
-
-   injectionTypes.forEach(type => {
-      it(`should handle ${type} injection payloads`, () => {
-         cy.visit('/form');
-
-         const payload = jfaker[type]();
-
-         cy.get('#input-field').type(payload, {
-            parseSpecialCharSequences: false
-         });
-
-         cy.get('#submit').click();
-
-         // Verify no errors or security issues
-         cy.get('.error-message').should('not.exist');
-      });
-   });
-});
-```
-
-### Example 5: Dynamic Test Data Creation
-
-```typescript
-describe('User Creation', () => {
-   it('should create multiple users with unique data', () => {
-      for (let i = 0; i < 5; i++) {
-         const user = {
-            firstName: jfaker.person.firstName(),
-            lastName: jfaker.person.lastName(),
-            email: jfaker.internet.email(),
-            username: jfaker.internet.userName(),
-            password: jfaker.internet.password({length: 12}),
-            bio: jfaker.lorem.paragraph(),
-            age: jfaker.number.int({min: 18, max: 80})
-         };
-
-         cy.request('POST', '/api/users', user).then(response => {
-            expect(response.status).to.eq(201);
-         });
-      }
-   });
-});
-```
-
-### Data Persistence
-
-The global data type is stored in Cypress environment variables (`JAHIA_CYPRESS_INJECTION_TYPE`), which means:
-- It persists across specs within a test run
-- It can be set from CI/CD pipelines as an environment variable
-- It's cleared when Cypress restarts
-
-## Best Practices
-
-1. **Reset Global Type**: Always reset the global data type after your test suite if you've changed it and other suites are expected to run afterwards:
-   ```typescript
-   after(() => {
-       jfaker.setDataType('faker');
-   });
-   ```
-
-2. **Use Descriptive Variables**: Store generated data in descriptive variables for better test readability:
-   ```typescript
-   const userEmail = jfaker.internet.email({provider: 'test.com'});
-   const xssPayload = jfaker.xss({length: 100});
-   ```
-
-3. **Security Testing using existing tests codebase**: Use `jfaker` within your tests instead of hardcoded strings or direct `Faker.js` calls. In this case, the same codebase can be used for e2e as well as for injections testing by means of passing specific injections type from CI/CD or runtime (when injections type is not explicitly set, `Faker.js` is used by default). Use `safe: true` for values which should always return `Faker.js` entities.
-
-4. **CI/CD Integration**: Use environment variables to run the same test suite with different data types:
-   ```bash   
-   # Security tests with XSS
-   JAHIA_CYPRESS_INJECTION_TYPE=xss npm run cypress:run
-   
-   # Security tests with SQL injection
-   JAHIA_CYPRESS_INJECTION_TYPE=sql npm run cypress:run
-   ```
-
-## Technical Details
-
-### Architecture
-
-The module uses a `DeepApi` class that implements a Proxy-based architecture:
-- **Property access** creates a deeper proxy, building a path (e.g., `person.firstName`)
-- **Function calls** execute the handler with the accumulated path and arguments
-- This enables the dynamic, chainable API without pre-defining all possible methods
-
-### Injection Data Sources
-
-Injection payloads are imported from TypeScript files in the `src/injections/` directory:
-- `xss-data.ts` - XSS attack vectors
-- `sql-data.ts` - SQL injection patterns
-- `chars-data.ts` - Special characters
-- `htmlentities-data.ts` - HTML entity variations
-- `numbers-data.ts` - Numeric edge cases
-
-### Length Handling for Injections
-
-- **Undefined length**: Picks 2-5 random items from the payload array and joins them
-- **Positive length**: Concatenates random items until reaching the specified character count, then trims to exact length
-- **Length = -1**: Returns all available payloads for that type joined together
-
-## IMPORTANT: Cypress `.type()` Command
-
-### Why this matters
-
-Cypress `type()` treats sequences such as `{enter}` and characters such as `{` or `}` as special commands.
-That is a problem for injection payloads, because many payloads contain those same characters and should be typed literally.
-
-### What `jahia-cypress` does automatically
-
-To reduce the need to set `parseSpecialCharSequences` everywhere, `jahia-cypress` overwrites Cypress `type()` with this rule:
-
-- If `jfaker.getDataType() !== 'faker'` at the time of the `type()` call, `parseSpecialCharSequences` is automatically set to `false`.
-- If `jfaker.getDataType() === 'faker'`, Cypress keeps its default behavior.
-
-This covers most common cases.
-
-### When you still need to set it explicitly
-
-You should still pass `parseSpecialCharSequences` yourself in these edge cases:
-
-1. **You want Cypress command sequences to work even though the global `jfaker` type is an injection type.**
-   Use `parseSpecialCharSequences: true`.
-2. **You use a direct injection call such as `jfaker.xss()` while the global `jfaker` type is still `faker`.**
-   Use `parseSpecialCharSequences: false`.
-
-In short, the automatic behavior depends on the **global `jfaker` type when `type()` runs**, not on how the value was generated.
-
-### Example 1: Global injection mode, but one field still needs `{enter}` as a command
-
-```typescript
-// Env variable: JAHIA_CYPRESS_INJECTION_TYPE=xss
-
-// Returns an XSS payload because the global type is xss
-const firstName = jfaker.person.firstName();
-
-// Returns a normal Faker.js email because safe: true overrides the global type for this value only
-const email = jfaker.internet.email({safe: true});
-
-// Because the global type is still xss at type() time,
-// special sequences are treated literally.
-cy.findById('firstName').type(`${firstName}{enter}`);
-
-// We want {enter} to act as a Cypress command for this field,
-// so we must override the automatic behavior explicitly.
-cy.findById('email').type(`${email}{enter}`, {parseSpecialCharSequences: true});
-```
-
-### Example 2: Global Faker mode, but one field must always receive an injection payload
-
-```typescript
-// Env variable: JAHIA_CYPRESS_INJECTION_TYPE=faker
-
-// Returns normal Faker.js data
-const firstName = jfaker.person.firstName();
-
-// Returns an XSS payload directly, regardless of the global faker setting
-const email = jfaker.xss();
-
-// Default Cypress behavior is fine here
-cy.findById('firstName').type(firstName);
-
-// Because the global type is faker at type() time,
-// Cypress would still try to interpret special characters as commands.
-// Force literal typing for the payload.
-cy.findById('email').type(email, {parseSpecialCharSequences: false});
-```
-
-### Rule of thumb
-
-- Want Cypress sequences such as `{enter}` to act as commands? Set `parseSpecialCharSequences: true`.
-- Want an explicitly generated injection payload to be typed literally? Set `parseSpecialCharSequences: false`.
-- Otherwise, omit the option and use the default `jahia-cypress` behavior.
-
-## See Also
-
-- [Faker.js API Documentation](https://fakerjs.dev/api/) - Complete reference for all faker methods
-- [OWASP Injection Attacks](https://owasp.org/www-community/Injection_Flaws) - Understanding injection vulnerabilities
-- [Cypress Type Command](https://docs.cypress.io/api/commands/type) - Details on the `type()` command options
-
-## Support
-
-For issues, questions, or contributions related to the jfaker module, please refer to the main jahia-cypress repository.

package/docs/js-errors-logger.md

@@ -1,210 +0,0 @@
-# JavaScript Errors Logger
-
-## Overview
-
-The JavaScript Errors Logger is a comprehensive monitoring and reporting module for JavaScript errors and warnings in Cypress tests. It provides automated detection, collection, and reporting of console errors and warnings that occur during test execution, helping maintain code quality and identify issues early in the development process.
-
-## Features
-
-- **Multiple Strategy Support**: Choose from three different error handling strategies
-- **Configurable Warning Filtering**: Define allowed warnings that won't trigger test failures
-- **Automatic Hook Integration**: Seamlessly integrates with Cypress test lifecycle
-- **Detailed Error Reporting**: Comprehensive error messages with test context
-
-## Error Handling Strategies
-
-The logger supports three distinct strategies for handling JavaScript errors and warnings:
-
-### 1. Fail After Each Test
-- **Strategy**: `STRATEGY.failAfterEach`
-- **Behavior**: Collects errors/warnings during test execution and fails at the end of the one; the rest of tests will be skipped
-- **Use Case**: Suitable when you want the test to complete but still get immediate feedback
-- **Pros**: Allows test to be executed till the end before providing a report
-- **Cons**: Since the analysis happens in afterEach() hook, the rest of spec will be ignored
-
-### 2. Fail After All Tests (default)
-- **Strategy**: `STRATEGY.failAfterAll`
-- **Behavior**: Collects all errors/warnings and reports them after the entire test suite completes; the last test will be marked as failed
-- **Use Case**: Ideal for CI/CD environments where you want a complete test run overview
-- **Pros**: Complete test suite execution with comprehensive error reporting
-- **Cons**: Error reporting may be confusing as the last test will be marked as failed, since the errors analysis and reporting is done in after() hook
-- **Hint:** To make reporting less confusing, dummy test can be added by the end of the spec to provide more clarity on why the spec failed, e.g:
-
-```typescript
-describe('Tests for the UI module', () => {
-  it('Should validate flow A', () => { ... });
-
-  it('Should validate flow B', () => { ... });
-
-  it('Should validate flow C', () => { ... });
-  ...
-
-  // Dummy test to fail if any errors or warnings appear in the browser console,
-  // providing clearer insight into execution and failure reasons.
-  // Analysis itself will happen inside jsErrorsLogger module (if one is enabled).
-  it('Should ensure errors and warnings absense in browser console', () => { 
-    cy.log('Analyze console messages');
-  });
-});
-```
-Say, there were JavaScript errors and warnings in all tests. Without that dummy test, the very last test in spec will be marked by Cypress as failed, even though it might pass:
-```
-✓ Should validate flow A
-✓ Should validate flow B
-- Should validate flow C
-  ... <errors/warnings list for each visited url, grouped by test> ...
-```
-But with that dummy test it will be much clearer what exactly happened:
-```
-✓ Should validate flow A
-✓ Should validate flow B
-✓ Should validate flow C
-- Should ensure errors and warnings absence in browser console during spec execution
-  ... <errors/warnings list for each visited url, grouped by test> ...
-```
-And in case of JavaScript errors and warnings absense (and all tests passed) it will also be much clearer - what validations were performed:
-```
-✓ Should validate flow A
-✓ Should validate flow B
-✓ Should validate flow C
-✓ Should ensure errors and warnings absense in browser console during spec execution
-```
-
-## Usage
-
-### Basic Setup
-
-#### Enable the Logger for the repo
-This call should only be used in `tests/cypress/support/e2e.js`. Add the following code in the repo where functionality should be used:
-
-```typescript
-import {jsErrorsLogger} from '@jahia/cypress';
-
-// Enable and attach JS Errors Logger
-jsErrorsLogger.enable();
-```
-
-### Disabling the Logger
-
-#### Via Environment Variable
-
-```bash
-# Disable in CI/CD or specific environments
-export JAHIA_HOOKS_DISABLE_JS_LOGGER="true"
-```
-
-#### Disable for the specific Spec
-
-```typescript
-import {jsErrorsLogger} from '@jahia/cypress';
-
-describe('Tests with disabled JS logger', () => {
-  before(() => {
-      jsErrorsLogger.disable();
-  });
-  
-  it('should run without JS error monitoring', () => {
-    // Test implementation
-  });
-});
-```
-
-## Configuration
-
-### Environment Variables
-
-| Variable                        | Type | Description |
-|---------------------------------|------|-------------|
-| `JAHIA_HOOKS_DISABLE_JS_LOGGER` | boolean | Disables the logger when set to `true` |
-
-### Programmatic Configuration
-
-It is **strongly** recommended to add custom configuration in project's common files, e.g. `tests/cypress/support/e2e.js` to have it applied to all test-cases within the project.
-
-```typescript
-import {jsErrorsLogger} from '@jahia/cypress';
-
-// Enable and attach JS Errors Logger
-jsErrorsLogger.enable();
-
-// Set preferrable error handling strategy
-jsErrorsLogger.setStrategy(jsErrorsLogger.STRATEGY.failAfterAll);
-
-// Define allowed warnings that won't trigger failures
-jsErrorsLogger.setAllowedJsWarnings([
-  'Warning: React Hook',
-  'Warning: componentWillReceiveProps'
-]);
-```
-
-## Error Reporting Format
-
-### Single Test Error (failAfterEach)
-
-```
-CONSOLE ERRORS and WARNINGS FOUND:
-
-❌️ TEST: Should be authenticated when correct credentials and code are provided: ❌️
---------------------------------------------------
-URL: http://localhost:8080/jahia/dashboard
-ISSUES:
-- ⚠️ Unsatisfied version 5.0.1 from @jahia/jcontent of shared singleton module redux (required ^4.0.5)
-- ⚠️ Unsatisfied version 9.2.0 from @jahia/jcontent of shared singleton module react-redux (required ^8.0.5)
-- ❌️ TypeError: Cannot read property 'user' of undefined
-```
-
-### Multiple Test Errors (failAfterAll)
-
-```
-CONSOLE ERRORS and WARNINGS FOUND:
-
-❌️ TEST: Should be authenticated when correct credentials and code are provided: ❌️
---------------------------------------------------
-URL: http://localhost:8080/jahia/dashboard
-ISSUES:
-- ⚠️ No satisfying version (^1.11.9) of shared module dayjs found in shared scope default.
-- ⚠️ No satisfying version (^3.0.6) of shared module @jahia/react-material found in shared scope default.
-- ❌️ TypeError: Cannot read property 'user' of undefined
-==================================================
-
-❌️ TEST: Should be authenticated on a specific site when correct credentials and code are provided: ❌️
---------------------------------------------------
-URL: http://localhost:8080/jahia/admin
-ISSUES:
-- ⚠️ No satisfying version (^3.0.6) of shared module @jahia/react-material found in shared scope default.
-==================================================
-```
-
-## Best Practices
-
-### Development Environment
-- Use `STRATEGY.failAfterEach` for immediate feedback during development
-- Configure comprehensive allowed warnings list for known, acceptable warnings
-- Enable detailed logging for debugging purposes
-
-### CI/CD Environment
-- Use `STRATEGY.failAfterAll` to get complete test coverage
-- Keep allowed warnings list minimal to catch regressions
-- Consider disabling in performance testing environments
-
-### Team Collaboration
-- Maintain a shared allowed warnings configuration
-- Document any permanently allowed warnings with justification
-- Regular review and cleanup of allowed warnings list
-
-## API Reference
-
-### Methods
-
-| Method | Parameters | Return Type | Description                                            |
-|--------|------------|-------------|--------------------------------------------------------|
-| `setStrategy(strategy)` | STRATEGY enum | void | Sets the error handling strategy |
-| `setAllowedJsWarnings(warnings)` | string[] | void | Configures allowed warning messages  |
-| `disable()` | - | void | Disables the logger for the current spec |
-| `enable()` | - | void | Enables the logger for the current repo |
-
-### Enums
-
-| Enum | Values | Description |
-|------|--------|-------------|
-| `STRATEGY` | `failAfterAll`, `failAfterEach` | Error handling strategies |