Skip to content
This repository has been archived by the owner on May 20, 2021. It is now read-only.

tests fail when environment=production #86

Open
ctcpip opened this issue Aug 14, 2017 · 17 comments
Open

tests fail when environment=production #86

ctcpip opened this issue Aug 14, 2017 · 17 comments

Comments

@ctcpip
Copy link

ctcpip commented Aug 14, 2017

Upgraded to the latest version of this addon which no longer uses bower.

Now when running ember test --environment=production, integration and acceptance tests fail with ReferenceError: Foundation is not defined

I created a brand new app and was able to reproduce the problem.

@GCheung55
Copy link
Collaborator

@ctcpip can you share the test repo please?

@ctcpip
Copy link
Author

ctcpip commented Aug 15, 2017

@ctcpip
Copy link
Author

ctcpip commented Aug 16, 2017

Production build (ember build --environment=production) also shows this error at runtime when accessing the application/site. ReferenceError: Foundation is not defined

Can also be observed using ember serve --environment=production

@ctcpip
Copy link
Author

ctcpip commented Aug 16, 2017

@GCheung55 @acoustep Production build/test also fails on this repo itself. It seems this addon is broken for production use.

$ ember t --environment=production
Could not start watchman
Visit https://ember-cli.com/user-guide/#watchman for more info.
DEPRECATION: Putting the "includePolyfill" option in "babel" is deprecated, please put it in "ember-cli-babel" instead.
cleaning up...
Built project successfully. Stored in "/ember-cli-foundation-6-sass/tmp/class-tests_dist-YXZIGFTq.tmp".
ok 1 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-accordion-menu.js
ok 2 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-accordion.js
ok 3 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-callout.js
ok 4 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-drilldown-menu.js
ok 5 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-dropdown-menu.js
ok 6 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-dropdown.js
ok 7 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-magellan.js
ok 8 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-off-canvas.js
ok 9 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-orbit.js
ok 10 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-reveal.js
ok 11 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-slider.js
ok 12 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-tabs.js
ok 13 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/components/zf-tooltip.js
ok 14 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/initializers/zf-widget.js
ok 15 Chrome 60.0 - ESLint | addon: ember-cli-foundation-6-sass/mixins/zf-widget.js
ok 16 Chrome 60.0 - ESLint | app: app.js
ok 17 Chrome 60.0 - ESLint | app: components/app-canvas.js
ok 18 Chrome 60.0 - ESLint | app: resolver.js
ok 19 Chrome 60.0 - ESLint | app: router.js
not ok 20 Chrome 60.0 - Integration | Component | zf accordion menu: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:374)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:374)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:588)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:588)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 21 Chrome 60.0 - Integration | Component | zf accordion: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:1149)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:1149)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:1358)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:1358)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
ok 22 Chrome 60.0 - Integration | Component | zf callout: it renders
not ok 23 Chrome 60.0 - Integration | Component | zf drilldown menu: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:2672)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:2672)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 24 Chrome 60.0 - Integration | Component | zf dropdown menu: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:3603)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:3603)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:3816)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:3816)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 25 Chrome 60.0 - Integration | Component | zf dropdown: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:4373)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:4373)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 26 Chrome 60.0 - Integration | Component | zf dropdown: Handles hover and positioning properties
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:5625)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:5625)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 27 Chrome 60.0 - Integration | Component | zf magellan: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:7030)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:7030)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:7238)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:7238)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 28 Chrome 60.0 - Integration | Component | zf off canvas: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4620:83
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:7796)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4620:83\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:7796)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 29 Chrome 60.0 - Integration | Component | zf orbit: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:8722)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:8722)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:8927)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:8927)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 30 Chrome 60.0 - Integration | Component | zf reveal: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:9470)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:9470)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 31 Chrome 60.0 - Integration | Component | zf reveal: it destroys the reveal-overlay
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:9813)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:9813)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:8:10116)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
    ...
not ok 32 Chrome 60.0 - Integration | Component | zf slider: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:6)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:6)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 33 Chrome 60.0 - Integration | Component | zf tabs: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:860)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:860)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:1064)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:1064)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
not ok 34 Chrome 60.0 - Integration | Component | zf tooltip: it renders
    ---
        actual: >
            false
        expected: >
            true
        stack: >
            ReferenceError: Foundation is not defined
                at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113
                at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)
                at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)
                at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)
                at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)
                at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)
                at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)
                at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:1609)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
        message: >
            Foundation is not defined
        Log: |
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:157)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:1609)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:1816)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'ReferenceError: Foundation is not defined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4621:113\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at Object.t.render (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:483:110)\\n    at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:1816)\\n    at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)\'\n' }
            { type: 'error',
              text: '\'TypeError: Cannot read property \\\'$element\\\' of undefined\\n    at http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4625:131\\n    at invokeWithOnError (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1939:255)\\n    at a.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1944:74)\\n    at u.flush (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1950:28)\\n    at f.end (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1952:7)\\n    at f.run (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:1965:66)\\n    at Object.u [as run] (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:3166:95)\\n    at t.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:568:7)\\n    at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:440:49\\n    at T (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:4433:5)\'\n' }
    ...
ok 35 Chrome 60.0 - ESLint | tests: helpers/destroy-app.js
ok 36 Chrome 60.0 - ESLint | tests: helpers/module-for-acceptance.js
ok 37 Chrome 60.0 - ESLint | tests: helpers/resolver.js
ok 38 Chrome 60.0 - ESLint | tests: helpers/start-app.js
ok 39 Chrome 60.0 - ESLint | tests: integration/components/zf-accordion-menu-test.js
ok 40 Chrome 60.0 - ESLint | tests: integration/components/zf-accordion-test.js
ok 41 Chrome 60.0 - ESLint | tests: integration/components/zf-callout-test.js
ok 42 Chrome 60.0 - ESLint | tests: integration/components/zf-drilldown-menu-test.js
ok 43 Chrome 60.0 - ESLint | tests: integration/components/zf-dropdown-menu-test.js
ok 44 Chrome 60.0 - ESLint | tests: integration/components/zf-dropdown-test.js
ok 45 Chrome 60.0 - ESLint | tests: integration/components/zf-magellan-test.js
ok 46 Chrome 60.0 - ESLint | tests: integration/components/zf-off-canvas-test.js
ok 47 Chrome 60.0 - ESLint | tests: integration/components/zf-orbit-test.js
ok 48 Chrome 60.0 - ESLint | tests: integration/components/zf-reveal-test.js
ok 49 Chrome 60.0 - ESLint | tests: integration/components/zf-slider-test.js
ok 50 Chrome 60.0 - ESLint | tests: integration/components/zf-tabs-test.js
ok 51 Chrome 60.0 - ESLint | tests: integration/components/zf-tooltip-test.js
ok 52 Chrome 60.0 - ESLint | tests: test-helper.js
ok 53 Chrome 60.0 - ESLint | tests: unit/initializers/zf-widget-test.js
ok 54 Chrome 60.0 - ESLint | tests: unit/mixins/zf-widget-test.js
not ok 55 Chrome 60.0 - Unit | Initializer | zf widget: it works
    ---
        expected: >
            true
        stack: >
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:5644)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
                at v.run (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:220:5)
                at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:229:420
                at Object.d [as advance] (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:132:34)
                at U (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:165:88)
        message: >
            failed, expected argument to be truthy, was: undefined
        Log: |
    ...
not ok 56 Chrome 60.0 - Unit | Mixin | zf widget: it works
    ---
        actual: >
            null
        expected: >
            null
        stack: >
            TypeError: Ember.$(...).foundation is not a function
                at Object.<anonymous> (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:5871)
                at e (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:218:288)
                at v.run (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:220:5)
                at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:229:420
                at Object.d [as advance] (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:132:34)
                at U (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:165:88)
                at http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:152:262
        message: >
            Died on test #1     at r.callback (http://localhost:7357/assets/tests-ab8ab50fd368be8cd246f00c6fdaeba0.js:10:5837)
                at r.exports (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:849:21)
                at requireModule (http://localhost:7357/assets/vendor-dfb276b4b277ca429cf060ca97d4e489.js:842:106)
                at n.<anonymous> (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:406:295)
                at n.t (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:406:204)
                at n.value (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:406:121)
                at u (http://localhost:7357/assets/test-support-fc7540b50066956b9089ef793196f457.js:396:103): Ember.$(...).foundation is not a function
        Log: |
    ...

1..56
# tests 56
# pass  40
# skip  0
# fail  16
Testem finished with non-zero exit code. Tests failed.
$

@ctcpip
Copy link
Author

ctcpip commented Aug 16, 2017

opened PR #87 to add production test in the Travis build

@adambullmer
Copy link

Adding some more info to this. Issue seems to be resolved when turning on sourcemaps for production.

Plugin Version: 0.0.24
Ember Version: 2.15.0

ember-cli-build.js

module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    'ember-cli-foundation-6-sass': {
        'foundationJs': 'all'
    },
    sourcemaps: {
      enabled: true,
      extensions: ['js']
    },
  });

  return app.toTree();
};

@ctcpip
Copy link
Author

ctcpip commented Sep 6, 2017

@adambullmer thanks for that. Will use as a temporary workaround

@GCheung55
Copy link
Collaborator

GCheung55 commented Sep 25, 2017

I can reproduce the problem when foundationJs config option is an array.

foundationJs: 'all' will pull in the built file that exports Foundation to the window global.

foundationJs: [] will manually transpile and import each individual file, which each file does not add to the Foundation object.

One possible approach is to have each component import the plugin. E.g. zf-reveal component imports foundation-sites/foundation.reveal. I'm concerned with file size with this approach and to address that would be to introduce an option for users to include/exclude components - svelte builds.

@acoustep what are your thoughts here?

@GCheung55
Copy link
Collaborator

The approach to have components import their corresponding plugin also prevents users from being able to leverage the jQuery plugin syntax: $(document).foundation(). This might actually be okay if we consider removing jQuery.

Ember is moving away from depending on jQuery and Foundation-sites also plans to removing jQuery on their 7.x roadmap.

@0xadada
Copy link

0xadada commented Nov 14, 2017

I'm also having this problem.

TL;DR: Foundation works in development, fails in production environments with an error that the Foundation global is not available.

error:
ReferenceError: Foundation is not defined

Ember details:

ember --version
ember-cli: 2.16.2
node: 6.11.2
os: darwin x64

app/components/cf-move-nav.js

didInsertElement() {
    this._super(...arguments);

    let element = this.$('.cf-MoveNav-navBar');
    new Foundation.Sticky(element);

    // re-initialize sticky plugin to guarantee stick in all browsers/mobiles
    // https://github.com/zurb/foundation-sites/issues/8394#issuecomment-239599386
    this.$(window).trigger('load.zf.sticky');
  },

ember-cli-build.js

module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    'ember-cli-foundation-6-sass': {
      'foundationJs': 'all',
    },
// ...

have not yet found a workaround 😭 . Plz let me know if you found one.

@0xadada
Copy link

0xadada commented Nov 15, 2017

@adambullmer Interesting, I had sourcemaps enabled sourcemaps: 'inline' and that isn't working in Ember 2.16.

@GCheung55 were you able to get production builds working with a workaround?

@ctcpip what workaround ended up working for you?

@ctcpip
Copy link
Author

ctcpip commented Nov 15, 2017

@0xadada the workaround above worked for me: #86 (comment)

@ctcpip
Copy link
Author

ctcpip commented Nov 15, 2017

we need a real fix for this issue. the workaround is far from ideal.

@0xadada
Copy link

0xadada commented Nov 15, 2017

@ctcpip I tried #86 (comment) but it didn't work in 2.16.

@GCheung55
Copy link
Collaborator

Sorry for the delay.

I have a promising lead using Rollup.js to package up foundation-sites, in both "all" and select plugins (as an array) flavors.

I've got a bit of cleanup and testing to do. I'm hoping to get this done in the next week.

@GCheung55
Copy link
Collaborator

"Next week" turned into next month, sorry for that.

Just an update. I've finally made time to switch over to Rollup in PR #77.

@0xadada
Copy link

0xadada commented Dec 28, 2017 via email

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants