To help you get started, we've collected the most common ways that adslot-ui is being used within popular public projects.

Adslot / adslot-ui / src / components / Accordion / index.spec.jsx View on Github

it('should render with props', () => {
    const wrapper = shallow(
      
        {panel1.content}
        {panel2.content}
        {panel3.content}
      
    );

    const cardElement = wrapper.find(Card.Content);
    expect(cardElement).to.have.length(1);

    const panelElements = cardElement.find(Accordion.Panel);
    expect(panelElements).to.have.length(3);

    const panelElement1 = panelElements.at(0);
    expect(panelElement1.prop('id')).to.equal('1');
    expect(panelElement1.prop('onClick')).to.be.a('function');

    const panelElement2 = panelElements.at(1);
    expect(panelElement2.prop('id')).to.equal('2');
    expect(panelElement2.prop('onClick')).to.be.a('function');

    const panelElement3 = panelElements.at(2);
    expect(panelElement3.prop('id')).to.equal('3');
    expect(panelElement3.prop('onClick')).to.be.a('function');
    expect(panelElement3.prop('dts')).to.equal('panel-3'); // should generate a dts from panel id
  });

View more ways to use adslot-ui

Adslot UI

See the docs at ui.adslot.com

Core component library. By Adslot

A library of core components used to develop our Adslot and Symphony products.

Technology:

• React
• ES201x (using Babel)
• Webpack
• ESLint
• Autoprefixer

Development

To get started, take a look at our Contributing guidelines

Native

• Clone the repo: git clone git@github.com:Adslot/adslot-ui.git
• Install NPM dependencies: npm run deps

Visual Studio Code Remote - Containers

• Install Docker
• Install Visual Studio Code
• Install Visual Studio Code Remote - Containers extension in your VS Code.
• Start VS Code and run Remote-Containers: Clone Repository in Container Volume... from the Command Palette.
• Authenticate with your GitHub account.
• Enter adslot/adslot-ui in the input box that appears and press Enter.
• VS Code window (instance) will reload, clone the source code of this project, and start building the dev container. A progress notifications provides status updates.
• After the build completes, VS Code will automatically connect to the container. You can now work with the repository source code in this independent environment as you would if you had cloned the code locally.

Notes:

• Due to bind mount performance issues on Windows and macOS, the steps above uses the Clone Repository in Container Volume method. Other options can be found here.

Development build

• Every branch has its own build of the documentation app ready at: https://--adslot-ui.netlify.app

Commands

# Start for development

npm start

# Start the dev-server without automatic refresh

npm run start:cold

# Just build the dist version and copy static files

npm run dist

# Lint all files in src (also automatically run after tests)

npm run lint

# Run tests and posttest linting

npm run test [-- --no-coverage]

# Run tests and rebuild on file changes.

npm run test:watch [--