Add test for providing correct params to layouts

[jankaifer]

• Add test ensuring that layout gets only params that are relevant for that layout
• Add tests for catchall params

[trevorpfiz]

Are there known issues with params "leaking" into other routes? I noticed some issues when my previewData() implementation was breaking.

Is this a flawed implementation of the bottom up approach? When I console.log(params) I am getting the params for every post.

export async function generateStaticParams() {
  const paths = await getAllPostsSlugs();

  function loopParams(posts: Post[]) {
    const params: { courseSlug: string; sectionSlug: string; postSlug: string }[] = [];

    posts.forEach((post) => {
      const postSlug = post?.slug;
      post?.sections?.forEach((section) => {
        const sectionSlug = section?.slug;
        section?.courses?.forEach((course) => {
          const courseSlug = course?.slug;

          params.push({ courseSlug, sectionSlug, postSlug });
        });
      });
    });

    return params;
  }

  return loopParams(paths);
}

Let's say I have a post 1 and 2.
If I visit /course/section/1, I get:

{
  courseSlug: 'course',
  sectionSlug: 'section',
  postSlug: '1'
}
{
  courseSlug: 'course',
  sectionSlug: 'section',
  postSlug: '2'
}

Instead of just:

{
  courseSlug: 'course',
  sectionSlug: 'section',
  postSlug: '1'
}

[jankaifer]

@ElektrikSpark Could you open a new issue for this, please?

To answer your question - we don't know about any param leaking.