set an interim paint in style_layer

src/source/tile.js

@@ -405,7 +405,7 @@ class Tile {
 
             bucket.update(sourceLayerStates, sourceLayer, this.imageAtlas && this.imageAtlas.patternPositions || {});
             const layer = painter && painter.style && painter.style.getLayer(id);
-            if (layer && layer.paint) {
+            if (layer) {
                 this.queryPadding = Math.max(this.queryPadding, layer.queryRadius(bucket));
             }
         }

src/style/style_layer.js

@@ -10,7 +10,7 @@ import {
     emitValidationErrors
 } from './validate_style';
 import {Evented} from '../util/evented';
-import {Layout, Transitionable, Transitioning, Properties, PossiblyEvaluatedPropertyValue} from './properties';
+import {Layout, Transitionable, Transitioning, Properties, PossiblyEvaluated, PossiblyEvaluatedPropertyValue} from './properties';
 import {supportsPropertyExpression} from '../style-spec/util/properties';
 
 import type {FeatureState} from '../style-spec/expression';
@@ -90,6 +90,7 @@ class StyleLayer extends Evented {
         }
 
         if (properties.paint) {
+
             this._transitionablePaint = new Transitionable(properties.paint);
 
             for (const property in layer.paint) {
@@ -101,6 +102,13 @@ class StyleLayer extends Evented {
 
             this._transitioningPaint = this._transitionablePaint.untransitioned();
         }
+
+        if (properties.paint) {
+            // init default paint to cover until recalculate is called
+            // see https://github.com/mapbox/ibm-cognos-collab/issues/154
+            // also flow needs a separate undefined check??
+            this.paint = new PossiblyEvaluated(properties.paint);
+        }
     }
 
     getCrossfadeParameters() {

test/unit/style/style_layer.test.js

@@ -403,5 +403,12 @@ test('StyleLayer#serialize', (t) => {
         t.end();
     });
 
+    t.test('layer.paint is never undefined', (t) => {
+        const layer = createStyleLayer({type: 'fill'});
+        // paint is never undefined
+        t.ok(layer.paint);
+        t.end();
+    });
+
     t.end();
 });