@@ -72,16 +72,7 @@ describe('flex directive', () => {
72
72
73
73
let dom = fixture . debugElement . children [ 0 ] ;
74
74
expectEl ( dom ) . toHaveStyle ( { 'box-sizing' : 'border-box' } , styler ) ;
75
-
76
- if ( platform . BLINK ) {
77
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 1 1e-09px' } , styler ) ;
78
- } else if ( platform . FIREFOX ) {
79
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 1 1e-9px' } , styler ) ;
80
- } else if ( platform . EDGE || platform . TRIDENT ) {
81
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 1 0px' } , styler ) ;
82
- } else {
83
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 1 0.000000001px' } , styler ) ;
84
- }
75
+ expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 1 0%' } , styler ) ;
85
76
} ) ;
86
77
87
78
it ( 'should apply `fxGrow` value to flex-grow when used default `fxFlex`' , ( ) => {
@@ -91,16 +82,7 @@ describe('flex directive', () => {
91
82
let dom = fixture . debugElement . children [ 0 ] ;
92
83
93
84
expectEl ( dom ) . toHaveStyle ( { 'box-sizing' : 'border-box' } , styler ) ;
94
-
95
- if ( platform . BLINK ) {
96
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '10 1 1e-09px' } , styler ) ;
97
- } else if ( platform . FIREFOX ) {
98
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '10 1 1e-9px' } , styler ) ;
99
- } else if ( platform . EDGE || platform . TRIDENT ) {
100
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '10 1 0px' } , styler ) ;
101
- } else {
102
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '10 1 0.000000001px' } , styler ) ;
103
- }
85
+ expectEl ( dom ) . toHaveStyle ( { 'flex' : '10 1 0%' } , styler ) ;
104
86
} ) ;
105
87
106
88
it ( 'should apply `fxShrink` value to flex-shrink when used default `fxFlex`' , ( ) => {
@@ -110,16 +92,7 @@ describe('flex directive', () => {
110
92
let dom = fixture . debugElement . children [ 0 ] ;
111
93
112
94
expectEl ( dom ) . toHaveStyle ( { 'box-sizing' : 'border-box' } , styler ) ;
113
-
114
- if ( platform . BLINK ) {
115
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 10 1e-09px' } , styler ) ;
116
- } else if ( platform . FIREFOX ) {
117
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 10 1e-9px' } , styler ) ;
118
- } else if ( platform . EDGE || platform . TRIDENT ) {
119
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 10 0px' } , styler ) ;
120
- } else {
121
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 10 0.000000001px' } , styler ) ;
122
- }
95
+ expectEl ( dom ) . toHaveStyle ( { 'flex' : '1 10 0%' } , styler ) ;
123
96
} ) ;
124
97
125
98
it ( 'should apply both `fxGrow` and `fxShrink` when used with default fxFlex' , ( ) => {
@@ -128,16 +101,7 @@ describe('flex directive', () => {
128
101
129
102
let dom = fixture . debugElement . children [ 0 ] ;
130
103
expectEl ( dom ) . toHaveStyle ( { 'box-sizing' : 'border-box' } , styler ) ;
131
-
132
- if ( platform . BLINK ) {
133
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '4 5 1e-09px' } , styler ) ;
134
- } else if ( platform . FIREFOX ) {
135
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '4 5 1e-9px' } , styler ) ;
136
- } else if ( platform . EDGE || platform . TRIDENT ) {
137
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '4 5 0px' } , styler ) ;
138
- } else {
139
- expectEl ( dom ) . toHaveStyle ( { 'flex' : '4 5 0.000000001px' } , styler ) ;
140
- }
104
+ expectEl ( dom ) . toHaveStyle ( { 'flex' : '4 5 0%' } , styler ) ;
141
105
} ) ;
142
106
143
107
it ( 'should add correct styles for flex-basis unitless 0 input' , ( ) => {
@@ -188,15 +152,15 @@ describe('flex directive', () => {
188
152
fixture . detectChanges ( ) ;
189
153
expectNativeEl ( fixture ) . toHaveStyle ( {
190
154
'max-width' : '2%' ,
191
- 'flex' : '1 1 2 %' ,
155
+ 'flex' : '1 1 100 %' ,
192
156
'box-sizing' : 'border-box' ,
193
157
} , styler ) ;
194
158
} ) ;
195
159
196
160
it ( 'should work with percentage values' , ( ) => {
197
161
componentWithTemplate ( `<div fxFlex='37%'></div>` ) ;
198
162
expectNativeEl ( fixture ) . toHaveStyle ( {
199
- 'flex' : '1 1 37 %' ,
163
+ 'flex' : '1 1 100 %' ,
200
164
'max-width' : '37%' ,
201
165
'box-sizing' : 'border-box' ,
202
166
} , styler ) ;
@@ -470,23 +434,23 @@ describe('flex directive', () => {
470
434
fixture . detectChanges ( ) ;
471
435
expectEl ( queryFor ( fixture , '[fxFlex]' ) [ 0 ] )
472
436
. toHaveStyle ( {
473
- 'flex' : '1 1 37 %' ,
437
+ 'flex' : '1 1 100 %' ,
474
438
'max-height' : '37%' ,
475
439
} , styler ) ;
476
440
} ) ;
477
441
478
442
it ( 'should set max-width for `fxFlex="<%val>"`' , ( ) => {
479
443
componentWithTemplate ( `<div fxFlex='37%'></div>` ) ;
480
444
expectNativeEl ( fixture ) . toHaveStyle ( {
481
- 'flex' : '1 1 37 %' ,
445
+ 'flex' : '1 1 100 %' ,
482
446
'max-width' : '37%' ,
483
447
} , styler ) ;
484
448
} ) ;
485
449
486
450
it ( 'should set max-width for `fxFlex="2%"` usage' , ( ) => {
487
451
componentWithTemplate ( `<div fxFlex='2%'></div>` ) ;
488
452
expectNativeEl ( fixture ) . toHaveStyle ( {
489
- 'flex' : '1 1 2 %' ,
453
+ 'flex' : '1 1 100 %' ,
490
454
'max-width' : '2%' ,
491
455
} , styler ) ;
492
456
} ) ;
@@ -508,15 +472,15 @@ describe('flex directive', () => {
508
472
fixture . detectChanges ( ) ;
509
473
510
474
expectNativeEl ( fixture ) . toHaveStyle ( {
511
- 'flex' : '1 1 50 %' ,
475
+ 'flex' : '1 1 100 %' ,
512
476
'max-width' : '50%'
513
477
} , styler ) ;
514
478
515
479
matchMedia . activate ( 'sm' , true ) ;
516
480
fixture . detectChanges ( ) ;
517
481
518
482
expectNativeEl ( fixture ) . toHaveStyle ( {
519
- 'flex' : '1 1 33 %' ,
483
+ 'flex' : '1 1 100 %' ,
520
484
'max-width' : '33%'
521
485
} , styler ) ;
522
486
} ) ;
@@ -544,9 +508,9 @@ describe('flex directive', () => {
544
508
fixture . detectChanges ( ) ;
545
509
546
510
nodes = queryFor ( fixture , '[fxFlex]' ) ;
547
- expectEl ( nodes [ 0 ] ) . toHaveStyle ( { 'flex' : '1 1 50 %' , 'max-height' : '50%' } , styler ) ;
548
- expectEl ( nodes [ 1 ] ) . toHaveStyle ( { 'flex' : '1 1 24.4 %' , 'max-height' : '24.4%' } , styler ) ;
549
- expectEl ( nodes [ 2 ] ) . toHaveStyle ( { 'flex' : '1 1 25.6 %' , 'max-height' : '25.6%' } , styler ) ;
511
+ expectEl ( nodes [ 0 ] ) . toHaveStyle ( { 'flex' : '1 1 100 %' , 'max-height' : '50%' } , styler ) ;
512
+ expectEl ( nodes [ 1 ] ) . toHaveStyle ( { 'flex' : '1 1 100 %' , 'max-height' : '24.4%' } , styler ) ;
513
+ expectEl ( nodes [ 2 ] ) . toHaveStyle ( { 'flex' : '1 1 100 %' , 'max-height' : '25.6%' } , styler ) ;
550
514
551
515
matchMedia . activate ( 'sm' ) ;
552
516
fixture . detectChanges ( ) ;
@@ -595,9 +559,9 @@ describe('flex directive', () => {
595
559
fixture . detectChanges ( ) ;
596
560
nodes = queryFor ( fixture , '[fxFlex]' ) ;
597
561
598
- expectEl ( nodes [ 0 ] ) . toHaveStyle ( { 'flex' : '1 1 50 %' , 'max-height' : '50%' } , styler ) ;
599
- expectEl ( nodes [ 1 ] ) . toHaveStyle ( { 'flex' : '1 1 24.4 %' , 'max-height' : '24.4%' } , styler ) ;
600
- expectEl ( nodes [ 2 ] ) . toHaveStyle ( { 'flex' : '1 1 25.6 %' , 'max-height' : '25.6%' } , styler ) ;
562
+ expectEl ( nodes [ 0 ] ) . toHaveStyle ( { 'flex' : '1 1 100 %' , 'max-height' : '50%' } , styler ) ;
563
+ expectEl ( nodes [ 1 ] ) . toHaveStyle ( { 'flex' : '1 1 100 %' , 'max-height' : '24.4%' } , styler ) ;
564
+ expectEl ( nodes [ 2 ] ) . toHaveStyle ( { 'flex' : '1 1 100 %' , 'max-height' : '25.6%' } , styler ) ;
601
565
} ) ;
602
566
603
567
it ( 'should fallback to the default layout from lt-md selectors' , ( ) => {
@@ -619,7 +583,7 @@ describe('flex directive', () => {
619
583
nodes = queryFor ( fixture , '[fxFlex]' ) ;
620
584
621
585
expectEl ( nodes [ 0 ] ) . toHaveStyle ( {
622
- 'flex' : '1 1 50 %' ,
586
+ 'flex' : '1 1 100 %' ,
623
587
'max-height' : '50%'
624
588
} , styler ) ;
625
589
0 commit comments