mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
zeekay
da79f9e711
- Rename all @blockscout/* npm packages to @luxfi/* aliases (150+ files) - Override blue accent colors to gray for monochrome theme - Fix dropdown/menu/popover fonts to use Geist Sans - Change Latest Blocks to horizontal scrolling layout - Show dashes instead of zeros for validator stats on error - Fix GHA deploy step to use correct deployment name
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
|
|
import type { GetAvailableBadgesResponse } from '@luxfi/points-types';
|
|
|
|
import * as streakBadgesMock from 'mocks/rewards/streakBadges';
|
|
import type { TestFnArgs } from 'playwright/lib';
|
|
import { test, expect, devices } from 'playwright/lib';
|
|
|
|
import RewardsStreakModal from './RewardsStreakModal';
|
|
|
|
const onOpenChange = () => {};
|
|
|
|
const testFn = (streak: number, badges: GetAvailableBadgesResponse['items']) =>
|
|
async({ render, page }: TestFnArgs) => {
|
|
await render(
|
|
<RewardsStreakModal
|
|
open
|
|
onOpenChange={ onOpenChange }
|
|
currentStreak={ streak }
|
|
badges={ badges }
|
|
/>,
|
|
);
|
|
await expect(page).toHaveScreenshot();
|
|
};
|
|
|
|
test('base view +@dark-mode', testFn(10, streakBadgesMock.base.items));
|
|
test('filled view +@dark-mode', testFn(10, streakBadgesMock.filled.items));
|
|
|
|
test.describe('mobile', () => {
|
|
test.use({ viewport: devices['iPhone 13 Pro'].viewport });
|
|
test('base view', testFn(10, streakBadgesMock.base.items));
|
|
test('filled view', testFn(10, streakBadgesMock.filled.items));
|
|
});
|