Na}{

File Content: `NavLandingPageCard.test.tsx`

import { render, screen } from '@testing-library/react';
import React from 'react';

import { NavLandingPageCard } from './NavLandingPageCard';

describe('NavLandingPageCard', () => {
  const mockText = 'My heading';
  const mockUrl = 'http://www.example.com/';

  it('uses the text as a heading', () => {
    render(<NavLandingPageCard text={mockText} url={mockUrl} />);
    expect(screen.getByRole('heading', { name: mockText })).toBeInTheDocument();
  });

  it('labels the link correctly', () => {
    render(<NavLandingPageCard text={mockText} url={mockUrl} />);
    const link = screen.getByRole('link', { name: mockText });
    expect(link).toBeInTheDocument();
    expect(link).toHaveProperty('href', mockUrl);
  });

  it('renders the description', () => {
    const mockDescription = 'My description';
    render(<NavLandingPageCard text={mockText} url={mockUrl} description={mockDescription} />);
    expect(screen.getByText(mockDescription)).toBeInTheDocument();
  });
});

Name	Size	Permission
NavLandingPage.test.tsx	2464 bytes	0644
NavLandingPage.tsx	1530 bytes	0644
NavLandingPageCard.test.tsx	985 bytes	0644
NavLandingPageCard.tsx	921 bytes	0644

File Content: NavLandingPageCard.test.tsx

File Content: `NavLandingPageCard.test.tsx`