animation trigger "transformMenu" has failed to build

Bug, feature request, or proposal:

Bug or unclear documentation

What is the expected behavior?

Either the same tests work with Angular 5 or there is documentation for a breaking change

What is the current behavior?

I upgraded Angular as detailed below and a unit test started failing

Error: The animation trigger “transformMenu” has failed to build due to the following errors: The provided animation property “transform” is not a supported CSS property for animations The provided animation property “transform” is not a supported CSS property for animations The provided animation property “transform” is not a supported CSS property for animations in http://localhost:9876/_karma_webpack_/vendor.bundle.js (line 21927)

What are the steps to reproduce?

• Develop a project with the versions below
• Add many md components to a shared material-module
• import the module into several components and tests
• iterate for months observing passing tests
• upgrade angular as mentioned below
• observe failing test

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

material 2.0.0-beta.10 angular 4.2.4 cli 1.3.2 TypeScript 2.5 OS Windows 7 (I’m at the office!)

upgraded to angular 5.0.0-beta-7 and test throws as mentioned above

Thanks for Angular Material, team!

[marcojahn]

Sorry, for commenting on a closed issue but got the same error when upgrading to Angular 5 using JEST.

added the following snippet to the “Jest global mocks” list will add the missing behaviour to your JSDom instance.

Object.defineProperty(document.body.style, 'transform', {
  value: () => {
    return {
      enumerable: true,
      configurable: true
    };
  },
});

Bot a perfect solution but still keeps my tests alive 😃

[patrickmichalina]

I am experiencing this too in Angular 5 rc.0 during Jest unit tests