Testing Page Components with Layouts

[andrew-tevent]

I'm rendering a Component which also happens to be a page (with @page directive) and a Layout - but the Layout doesn't appear to be executed and the output doesn't appear in the rendered markup in the test.

Is this expected?

I've tried adding the layout to the RenderTree - but this didn't seem to render the layout's markup either.

I've also tried rendering my component as a child of the layout:

TestContent.RenderComponent<MyLayout>(parameters => parameters.AddChlidContent<MyComponent>());

but this gave me the following:

The component 'MyLayout' does not have a ChildContent [Parameter] attribute. (Parameter 'childContent')

Are layouts expected to be rendered automatically for components? If not, what is the advice for getting them working?

[egil]

Hi @andrew-tevent,

I am not entirely sure I understand your scenario completely. Can you create a small sample I can download to investigate this further myself?

[andrew-tevent]

Hi @egil

I'll try and put something together.

In essence, though, if the page has an @layout and that Layout is

<div id="wrapper">@Body</div>

Then when I render my component in bUnit, I don't see that <div id="wrapper"> in the rendered markup within the Subject under test.

I'll try to find some time to create a simple example (and rule out an issue with my more complex scenario where I noticed this).

[egil]

Is the layout important for testing your component? When you choose to render a specific component, it is more like a unit test, and thus, the layout should be unimportant for the outcome.

You should be able to test the layout component in isolation if you want.

[oatsoda]

Yes, I could test them separately, but I'd like not to be testing too much implementation. My "page" component is what I want to test, and not each individual component so I am free to change the implementation. I have things in the Layout which setup cascading parameters etc, so I'd like to test that as part of it.

(sorry, I switched github accounts ;) )