html-elements-to-react-bootstrap-component.spec.js

const snippet = "react/html-elements-to-react-bootstrap-components"
require(`../../lib/${snippet}`);
const dedent = require('dedent');
const { assertConvert } = require("../utils");

describe(snippet, () => {
  describe("simple", () => {
    const input = dedent(`
      import React from 'react';

      <div className="container-fluid">
        <div />
      </div>
    `)

    const output = dedent(`
      import React from 'react';
      import { Container } from 'react-bootstrap';

      <Container fluid>
        <div />
      </Container>
    `)

    assertConvert({
      input,
      output,
      snippet,
      path: "code.jsx",
    });
  });

  describe("complex", () => {
    const input = dedent(`
      import React from 'react';

      <div className="container-fluid container-pagination" style={{ display: 'none' }}>
        <div />
      </div>
    `)

    const output = dedent(`
      import React from 'react';
      import { Container } from 'react-bootstrap';

      <Container fluid className="container-pagination" style={{ display: 'none' }}>
        <div />
      </Container>
    `)

    assertConvert({
      input,
      output,
      snippet,
      path: "code.jsx",
    });
  });
});