react-test/test/bundling

Bundle fixtures

A collection of "smoke"-test that verify that the package layout is correct.

createFixture is used to create new or update existing fixtures. The created file might need some manual adjustment since not every edge case is covered.

Run a fixture

To test a Pull Request

1. Checkout branch
2. pnpm install
3. pnpm lerna run build --scope "@mui/*"
4. pnpm release:pack
5. Navigate into the fixture you want to test (where the package.json is located)
6. pnpm install --ignore-workspace
7. pnpm start

To test a published npm dist tag

For example: latest or next on npm or a pkg.pr.new published version

1. Navigate into the fixture you want to test (where the package.json is located)
2. Adjust pnpm.overrides of the package.json file to point to the desired version
3. pnpm install --ignore-workspace
4. pnpm start

In CI

You have to run our CircleCI pipeline with the workflow parameter set to bundling.

With the following API request we're triggering a run of the bundling workflow in PR #24289:

curl --request POST \
  --url https://circleci.com/api/v2/project/gh/mui/material-ui/pipeline \
  --header 'content-type: application/json' \
  --header 'Circle-Token: $CIRCLE_TOKEN' \
  --data-raw '{"branch":"pull/24289/head","parameters":{"workflow":"bundling"}}'

$CIRCLE_TOKEN must be set as an environment variable created from https://app.circleci.com/settings/user/tokens.

Add a new fixture

1. Create a folder in test/fixtures/bundling
2. Add the necessary dependencies
3. Re-use the entries for dependencies and pnpm.overrides for @mui/* packages from the other fixtures
4. Create a template
5. Write a factory that fills the template in test/bundling/scripts/createFixture
6. Add an entry into the bundling CircleCI pipeline (.circleci/config.yml)