import React from 'react';

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

import App1 from '../demos/demo1';

describe('BlockItem', () => {
  it('should render correctly', () => {
    render(<App1 />);

    const items = document.querySelectorAll('.nc-block-item');
    expect(items.length).toBe(3);
    expect(items[0]).toHaveTextContent('Block block1');
    expect(items[1]).toHaveTextContent('Block block2');
    expect(items[2]).toHaveTextContent('Block block3');
  });
});
