[Portal] Global option to disable the portal

[oliviertassinari]

Hack waiting for enzymejs/enzyme#252 to be solved.
When __MUI_PORTAL_DISABLE__ is set to true, the portal will behave as a pass-through component.

Closes #11074

[yoanisgil]

@oliviertassinari is this already usable? I mean is this available on npm? I want to give it a try today and see how it goes.

[oliviertassinari]

@yoanisgil Yes

[oliviertassinari]

Let me know how that goes.

[yoanisgil]

@oliviertassinari so I'm doing a test like this:

describe('Select Component tests', () => {
    beforeEach(() => {
        global.__MUI_PORTAL_DISABLE__ = true;
    });

    afterEach(() => {
        global.__MUI_PORTAL_DISABLE__ = false;
    });

    test('it should render', () => {
        let component = mount(<Select value={1}>
            <MenuItem value={1}>
                <em>1</em>
            </MenuItem>
            <MenuItem value={2}>
                <em>2</em>
            </MenuItem>

        </Select>);

        expect(component.find(MenuItem).length).toBe(2);
    });

});

which fails with:

  ● Select Component tests › it should render

    expect(received).toBe(expected)

    Expected value to be (using ===):
      2
    Received:
      0

I'm using "material-ui": "^1.0.0-beta.43". I'm doing something wrong ?

[oliviertassinari]

@yoanisgil This is expected. The Select component is using the Modal. The Modal only renders its children when open.

[oliviertassinari]

I'm reverting this pull-request. My bad.

[yoanisgil]

I see. Yeah that should do for our case. Thanks for all the support!