go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/analysis/frontend/ui/src/components/grid_label/grid_label.test.tsx (about)

     1  // Copyright 2022 The LUCI Authors.
     2  //
     3  // Licensed under the Apache License, Version 2.0 (the "License");
     4  // you may not use this file except in compliance with the License.
     5  // You may obtain a copy of the License at
     6  //
     7  //      http://www.apache.org/licenses/LICENSE-2.0
     8  //
     9  // Unless required by applicable law or agreed to in writing, software
    10  // distributed under the License is distributed on an "AS IS" BASIS,
    11  // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    12  // See the License for the specific language governing permissions and
    13  // limitations under the License.
    14  
    15  import '@testing-library/jest-dom';
    16  
    17  import {
    18    render,
    19    screen,
    20  } from '@testing-library/react';
    21  
    22  import GridLabel from './grid_label';
    23  
    24  describe('Test GridLabel component', () => {
    25    it('given text only, then should display it', async () => {
    26      render(
    27          <GridLabel
    28            text="Test text"/>,
    29      );
    30      await screen.findByText('Test text');
    31      expect(screen.getByText('Test text')).toBeInTheDocument();
    32    });
    33  
    34    it('given text and children, then should display them', async () => {
    35      render(
    36          <GridLabel
    37            text="Test text">
    38            <p>I am a child</p>
    39          </GridLabel>,
    40      );
    41      await screen.findByText('Test text');
    42      expect(screen.getByText('Test text')).toBeInTheDocument();
    43      expect(screen.getByText('I am a child')).toBeInTheDocument();
    44    });
    45  });