Na}{

File Content: `PlaylistPage.test.tsx`

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

import { contextSrv } from 'app/core/services/context_srv';

import { PlaylistPage } from './PlaylistPage';

const fnMock = jest.fn();

jest.mock('@grafana/runtime', () => ({
  ...jest.requireActual('@grafana/runtime'),
  getBackendSrv: () => ({
    get: fnMock,
  }),
}));

jest.mock('app/core/services/context_srv', () => ({
  contextSrv: {
    isEditor: true,
  },
}));

function setup() {
  return render(
    <TestProvider>
      <PlaylistPage />
    </TestProvider>
  );
}

describe('PlaylistPage', () => {
  beforeEach(() => {
    jest.spyOn(console, 'error').mockImplementation(() => {});
  });

  describe('when mounted without a playlist', () => {
    it('page should load', () => {
      fnMock.mockResolvedValue([]);
      setup();
      expect(screen.getByTestId('playlist-page-list-skeleton')).toBeInTheDocument();
    });

    it('then show empty list', async () => {
      setup();
      expect(await screen.findByText('There are no playlists created yet')).toBeInTheDocument();
    });

    describe('and signed in user is not a viewer', () => {
      it('then create playlist button should not be disabled', async () => {
        contextSrv.isEditor = true;
        setup();
        const createPlaylistButton = await screen.findByRole('link', { name: /create playlist/i });
        expect(createPlaylistButton).not.toHaveStyle('pointer-events: none');
      });
    });

    describe('and signed in user is a viewer', () => {
      it('then create playlist button should be disabled', async () => {
        contextSrv.isEditor = false;
        setup();
        const createPlaylistButton = await screen.findByRole('link', { name: /create playlist/i });
        expect(createPlaylistButton).toHaveStyle('pointer-events: none');
      });
    });
  });

  describe('when mounted with a playlist', () => {
    it('page should load', () => {
      fnMock.mockResolvedValue([
        {
          id: 0,
          name: 'A test playlist',
          interval: '10m',
          items: [
            { title: 'First item', type: 'dashboard_by_uid', value: '1' },
            { title: 'Middle item', type: 'dashboard_by_uid', value: '2' },
            { title: 'Last item', type: 'dashboard_by_tag', value: 'Last item' },
          ],
          uid: 'playlist-0',
        },
      ]);
      setup();
      expect(screen.getByTestId('playlist-page-list-skeleton')).toBeInTheDocument();
    });

    describe('and signed in user is not a viewer', () => {
      it('then playlist title and all playlist buttons should appear on the page', async () => {
        contextSrv.isEditor = true;
        setup();
        expect(await screen.findByText('A test playlist'));
        expect(await screen.findByRole('link', { name: /New playlist/i })).toBeInTheDocument();
        expect(await screen.findByRole('button', { name: /Start playlist/i })).toBeInTheDocument();
        expect(await screen.findByRole('link', { name: /Edit playlist/i })).toBeInTheDocument();
        expect(await screen.findByRole('button', { name: /Delete playlist/i })).toBeInTheDocument();
      });
    });

    describe('and signed in user is a viewer', () => {
      it('then playlist title and only start playlist button should appear on the page', async () => {
        contextSrv.isEditor = false;
        setup();
        expect(await screen.findByText('A test playlist')).toBeInTheDocument();
        expect(screen.queryByRole('link', { name: /New playlist/i })).not.toBeInTheDocument();
        expect(await screen.findByRole('button', { name: /Start playlist/i })).toBeInTheDocument();
        expect(screen.queryByRole('link', { name: /Edit playlist/i })).not.toBeInTheDocument();
        expect(screen.queryByRole('button', { name: /Delete playlist/i })).not.toBeInTheDocument();
      });
    });
  });
});

Name	Size	Permission
EmptyQueryListBanner.tsx	552 bytes	0644
PlaylistCard.tsx	3208 bytes	0644
PlaylistEditPage.test.tsx	3524 bytes	0644
PlaylistEditPage.tsx	1734 bytes	0644
PlaylistForm.test.tsx	5635 bytes	0644
PlaylistForm.tsx	4102 bytes	0644
PlaylistNewPage.test.tsx	2190 bytes	0644
PlaylistNewPage.tsx	1093 bytes	0644
PlaylistPage.test.tsx	3939 bytes	0644
PlaylistPage.tsx	3999 bytes	0644
PlaylistPageList.tsx	1573 bytes	0644
PlaylistSrv.test.ts	3632 bytes	0644
PlaylistSrv.ts	3503 bytes	0644
PlaylistStartPage.tsx	365 bytes	0644
PlaylistTable.tsx	1188 bytes	0644
PlaylistTableRows.tsx	3951 bytes	0644
ShareModal.tsx	2262 bytes	0644
StartModal.tsx	1661 bytes	0644
api.ts	6699 bytes	0644
types.ts	1825 bytes	0644
usePlaylistItems.tsx	1788 bytes	0644

File Content: PlaylistPage.test.tsx

File Content: `PlaylistPage.test.tsx`