Skip to content
This repository has been archived by the owner on Feb 2, 2019. It is now read-only.

Feature/Angular 2 #309

Merged
merged 35 commits into from
Oct 12, 2016
Merged

Feature/Angular 2 #309

merged 35 commits into from
Oct 12, 2016

Conversation

ollwenjones
Copy link
Collaborator

@ollwenjones ollwenjones commented Oct 3, 2016

Lots of progress, yet lots to do.

Made the decision to push progress with dev commits, so anyone who wants to contribute can see what has been done so far.

  • Upgrade Components Themselves:

    • Upgrade Angular Deps (Angular 2.0, Material alpha.9)
    • Create Ng2MaterialModule NgModule class
    • Create component NgModule classes
    • update tests (9 components):
    Component NgModule class Tests Add to Ng2MaterialModule
    backdrop ✔️ ✔️ ✔️
    content ✔️ ✔️ ✔️
    data ✔️ ✔️ ✔️
    dialog ✔️ ✔️ ✔️
    divider ✔️ ✔️ ✔️
    form ✔️ ✔️ ✔️
    pagination ✔️ ✔️ ✔️
    peekaboo ✔️ ✔️ ✔️
    subheader ✔️ ✔️ ✔️
  • Remove in favor of angular2/material implementations (8 components):

    Component Remove class Update Example App with angular2/material replacement
    button ✔️ button
    card ✔️ card
    icon ✔️ icon
    ink ✔️ core/ripple
    list ✔️ list
    switch ✔️ slide-toggle
    whiteframe ✔️ .md-elevation classes

  • Update Tests:
    • Reconnect tests (disconnected temporarily, so we could build use components in our app)
    • Update test suite setup in platform/testing/boostrap
    • Update platform/testing/util componentSanityCheck
    • Individual component tests tracked in table above

Ashley Hill and others added 23 commits August 30, 2016 12:51
I needed some config changes for my developer setup on windows.
Update dependencies to @angular rc.5 and @angular2-material to alpha.7-4
Remove tests from build to simplify upgrade. Testing using our own example app.
Removing modules that were recommended to be superceeded by their @angular2-material counterparts in [this gist] (https://gist.github.com/ollwenjones/d33b181773d8c8d7f4293cf6e6c4005b) by @ollwenjones

Leaving scss for our example app.
Created Pagination NgModule class and corrected TS compiler and Angular errors.
Created NgModule for MdContent directive
Created NgModule class for MdDataTable
Created NgModule class for MdDivider
Created NgModule class for MdPeekaboo
Created NgModule class for Md* validator directives
Created NgModule class for MdSubheader
Created NgModule class for MdBackdrop
Create NgModule classes for ng2-material in Node.js and browser.
Removed exports from deprecated/removed modules.
Will need to be provided on the component level.
This doesn't make tests run yet, but needs to be done
* Remove unused styles

We are using the angular2-material equivalents of these styles

* Fix shadowed input

The  `range-format` input of md-pagination-range was getting overriden by the null value of the parent pagination directive.

* Update to Angular rc.6 and Typescript 2.0

 - Updated all package deps to their latest versions.
 - Updated just enough code to make the typescript compiler happy with new
   packages. Have not tested components other than the ones in our demo
   app.
 - Fixed pagination require from unstable source. Only imports from the
   root of @angular modules are to be trusted
 - Removed MdCard styles from components barell.
 - Added forRoot static method to both Ng2MaterialModule versions.

* Update to rc.7

Update dependencies to rc7, not observing any necessary code changes.

* Use local installation of typescript to build

* bump pre version
Alpha 8-2 has updated dependencies to angular 2.0.0
The angular material 2 project has changed their packaging. They now distribute everything under the single package `@angular/material`.

Updated package files and removed references to any `@angular2-material/*` packages
Setting default theme variables to default so that they can be overidden in app.
Feature/angular material - update to a PR that will likely stay open a while.
@ollwenjones ollwenjones mentioned this pull request Oct 3, 2016
15 tasks
 - we don't add any testing to the example site, so they're just noise.
 - remove grunt-exec and specify a custom typescript compiler location in the grunt-ts configuration
 - as pointed out by @ollwenjones the styles are different than the official material2 implementation. let's avoid confusion. todo: look at updating the card examples (or remove them if it's too much work)
…ngular apis

 - use TestBed for specs
 - update componentSanityCheck to use TestBed
 - update karma and systemjs configs to look like angular2 quickstart (https://github.com/angular/quickstart)
 - remove `main` function wrapper in test files and call describe when the module is imported (again to match angular/quickstart)
 - add dialog module
 - break pagination tests into individual files
 - add MdServicesModule for importing services

BREAKING CHANGE: remove md-card component

The card component conflicts with the official @angular/material/card implementation. Please use the official component. For more information see: https://github.com/angular/material2/tree/master/src/lib/card
 - the forms module has changed quite a bit and look competent enough to exist without these components.

BREAKING CHANGE: removed md-messages components and prefer to use standard FormsModule
 - use async() to wrap any it() or beforeEach() calls that do promise based async stuff.
 - use `TestBed.get(ServiceTypeName)` instead of `inject()` when a service instance is needed in a test.
BREAKING CHANGE: Remove support for automated testing of IE and unreliable builds of Chrome beta.
@coveralls
Copy link

Coverage Status

Coverage decreased (-1.9%) to 86.111% when pulling d68b7d2 on feature/angular_2 into 81116f4 on master.

BREAKING CHANGE: Remove support for automated testing of Chrome 39 and Android 4.4
@coveralls
Copy link

Coverage Status

Coverage decreased (-1.9%) to 86.111% when pulling 0163e22 on feature/angular_2 into 81116f4 on master.

@coveralls
Copy link

Coverage Status

Coverage increased (+0.6%) to 88.624% when pulling f0eaf9e on feature/angular_2 into 81116f4 on master.

@justindujardin
Copy link
Owner

justindujardin commented Oct 12, 2016

@ollwenjones @ashleahhill thanks for starting this. I have some time that I can contribute this week to help out.

I decided to drop a few extra components:

  • md-card because (as you pointed out) the configuration is very different. I want to avoid confusion with the official material implementation (especially because of the conflicting component selector prefixes.)
  • md-messages because the forms API has changed, and there seems to be less need for such thing. Users should begin with https://angular.io/docs/ts/latest/guide/forms.html, and rely on the angular/material project to provide rich input and validation components in material style.

I updated a few other things and made the PR build go green:

  • Dropped Sauce labs support for non-modern or flaky (on saucelabs) browsers. I'd love to support a huge array of browsers, but in reality I don't have the time to do it. Specifically I dropped [IE 11, Chrome Dev, Chrome 26, Android 4.4, Chrome 39] and added Chrome 50
  • Updated the tests to use TestBed and removed the main function wrapper that goes in spec files.
  • Removed all the spec/e2e tests from the modules/site folder. They are just boilerplate and since we don't add tests to them, they're just noise.

I haven't looked at the actual site itself.

 - move some testing stuff out of the first line
 - update language to downplay any suggestion that users should create issues.  Instead suggest they provide a fix for the community.
 - remove gitter link (I never monitor it despite good intentions.)
@coveralls
Copy link

Coverage Status

Coverage increased (+0.6%) to 88.624% when pulling 88cf037 on feature/angular_2 into 81116f4 on master.

 - Android is failing to start sometimes. I have no patience for sauce flakiness.
 - Make all browsers run on Windows 10 in an attempt to reduce test start times
@coveralls
Copy link

Coverage Status

Coverage increased (+0.6%) to 88.624% when pulling 8211662 on feature/angular_2 into 81116f4 on master.

@justindujardin justindujardin merged commit 6b5fc52 into master Oct 12, 2016
@justindujardin justindujardin deleted the feature/angular_2 branch October 13, 2016 00:25
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
4 participants