bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix Trends Panel test

Browse source
This commit is contained in:
Justin 2022-08-10 10:31:09 -04:00
parent 968ec3a7d2
commit cbe9f47a59
1 changed files with 58 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

131
app/soapbox/features/ui/components/__tests__/trends-panel.test.tsx
View file

@ -1,85 +1,70 @@
import { List as ImmutableList, Record as ImmutableRecord } from 'immutable';
import React from 'react';
import { render, screen } from '../../../../jest/test-helpers';
import { normalizeTag } from '../../../../normalizers';
import { __stub } from 'soapbox/api';
import { render, screen, waitFor } from '../../../../jest/test-helpers';
import TrendsPanel from '../trends-panel';
describe('<TrendsPanel />', () => {
it('renders trending hashtags', () => {
const store = {
trends: ImmutableRecord({
items: ImmutableList([
normalizeTag({
name: 'hashtag 1',
history: [{
day: '1652745600',
uses: '294',
accounts: '180',
}],
}),
]),
isLoading: false,
})(),
};
describe('with hashtags', () => {
beforeEach(() => {
__stub((mock) => {
mock.onGet('/api/v1/trends')
.reply(200, [
{
name: 'hashtag 1',
url: 'https://example.com',
history: [{
day: '1652745600',
uses: '294',
accounts: '180',
}],
},
{ name: 'hashtag 2', url: 'https://example.com' },
]);
});
});
render(<TrendsPanel limit={1} />, undefined, store);
expect(screen.getByTestId('hashtag')).toHaveTextContent(/hashtag 1/i);
expect(screen.getByTestId('hashtag')).toHaveTextContent(/180 people talking/i);
expect(screen.getByTestId('sparklines')).toBeInTheDocument();
it('renders trending hashtags', async() => {
render(<TrendsPanel limit={1} />);
await waitFor(() => {
expect(screen.getByTestId('hashtag')).toHaveTextContent(/hashtag 1/i);
expect(screen.getByTestId('hashtag')).toHaveTextContent(/180 people talking/i);
expect(screen.getByTestId('sparklines')).toBeInTheDocument();
});
});
it('renders multiple trends', async() => {
render(<TrendsPanel limit={3} />);
await waitFor(() => {
expect(screen.queryAllByTestId('hashtag')).toHaveLength(2);
});
});
it('respects the limit prop', async() => {
render(<TrendsPanel limit={1} />);
await waitFor(() => {
expect(screen.queryAllByTestId('hashtag')).toHaveLength(1);
});
});
});
it('renders multiple trends', () => {
const store = {
trends: ImmutableRecord({
items: ImmutableList([
normalizeTag({
name: 'hashtag 1',
history: ImmutableList([{ accounts: [] }]),
}),
normalizeTag({
name: 'hashtag 2',
history: ImmutableList([{ accounts: [] }]),
}),
]),
isLoading: false,
})(),
};
describe('without hashtags', () => {
beforeEach(() => {
__stub((mock) => {
mock.onGet('/api/v1/trends').reply(200, []);
});
});
render(<TrendsPanel limit={3} />, undefined, store);
expect(screen.queryAllByTestId('hashtag')).toHaveLength(2);
});
it('renders empty', async() => {
render(<TrendsPanel limit={1} />);
it('respects the limit prop', () => {
const store = {
trends: ImmutableRecord({
items: ImmutableList([
normalizeTag({
name: 'hashtag 1',
history: [{ accounts: [] }],
}),
normalizeTag({
name: 'hashtag 2',
history: [{ accounts: [] }],
}),
]),
isLoading: false,
})(),
};
render(<TrendsPanel limit={1} />, undefined, store);
expect(screen.queryAllByTestId('hashtag')).toHaveLength(1);
});
it('renders empty', () => {
const store = {
trends: ImmutableRecord({
items: ImmutableList([]),
isLoading: false,
})(),
};
render(<TrendsPanel limit={1} />, undefined, store);
expect(screen.queryAllByTestId('hashtag')).toHaveLength(0);
await waitFor(() => {
expect(screen.queryAllByTestId('hashtag')).toHaveLength(0);
});
});
});
});