Skip to content

[Dev UI] Enable Zoneless Change Detection (Global Config) #4175

@MichaelDoyle

Description

@MichaelDoyle

Description

This is the final step in the zoneless migration (Parent Issue: #4106). Once all components are migrated to OnPush and tests are updated, we will flip the global switch to enable zoneless change detection.

Tasks

  1. Enable Provider:
    In src/app/app.config.ts, add provideZonelessChangeDetection() to the providers list.

  2. Remove Polyfill:
    In angular.json, remove "zone.js" from the polyfills array under the build target.

  3. Update Test Setup:
    In src/app/testing/jest-setup.ts, remove setupZoneTestEnv() and configure the test environment for zoneless execution.

  4. Verify 3rd Party Libraries:
    Pay special attention to the following libraries during manual verification to ensure they update the UI correctly without Zone.js:

    • ngx-markdown
    • @materia-ui/ngx-monaco-editor
    • ngx-json-treeview
  5. Verify Application:
    Run the application and ensure change detection works as expected without zone.js.

  6. Verify Tests:
    Run all tests to ensure the suite passes in a zoneless environment.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions