Bootstrap Dropdown (BSDropdownToggle<TOwner>)

How to interact with Bootstrap dropdown component.


There is a page containing Bootstrap dropdown component.

<div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="actions"
            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span class="caret"></span>
    <ul class="dropdown-menu" aria-labelledby="actions">
        <!-- Simple actions: -->
        <li><a href="#">Item 1</a></li>
        <li><a href="#">Item 2</a></li>
        <li><a href="#">Item 3</a></li>
        <li role="separator" class="divider"></li>
        <!-- Navigable action: -->
        <li><a href="/examples">Examples</a></li>


To use BSDropdownToggle<TOwner> control add a reference to Atata.Bootstrap package.

using Atata;
using Atata.Bootstrap;

namespace SampleApp.UITests
    using _ = SomePage;

    public class SomePage : Page<_>
        public ActionsDropdownToggle Actions { get; private set; }

        public class ActionsDropdownToggle : BSDropdownToggle<_>
            public Link<_> Item1 { get; private set; }

            public Link<_> Item2 { get; private set; }

            public Link<_> Item3 { get; private set; }

            public Link<ExamplesPage, _> Examples { get; private set; }