discourse/test/javascripts/acceptance/search-full-test.js.es6

import { acceptance, waitFor } from "helpers/qunit-helpers";
acceptance("Search - Full Page", {
  settings: {tagging_enabled: true},
  setup() {
    const response = (object) => {
      return [
        200,
        {"Content-Type": "application/json"},
        object
      ];
    };

    server.get('/tags/filter/search', () => { //eslint-disable-line
      return response({results: [{text: 'monkey', count: 1}]});
    });

    server.get('/users/search/users', () => { //eslint-disable-line
      return response({users: [{username: "admin", name: "admin",
        avatar_template: "/letter_avatar_proxy/v2/letter/a/3ec8ea/{size}.png"}]});
    });

    server.get('/admin/groups.json', () => { //eslint-disable-line
      return response([{id: 2, automatic: true, name: "moderators", user_count: 4, alias_level: 0,
        visible: true, automatic_membership_email_domains: null, automatic_membership_retroactive: false,
        primary_group: false, title: null, grant_trust_level: null, incoming_email: null,
        notification_level: null, has_messages: true, is_member: true, mentionable: false,
        flair_url: null, flair_bg_color: null, flair_color: null}]);
    });

    server.get('/badges.json', () => { //eslint-disable-line
      return response({badge_types: [{id: 3, name: "Bronze", sort_order: 7}],
        badge_groupings: [{id: 1, name: "Getting Started", description: null, position: 10, system: true}],
        badges: [{id: 17, name: "Reader", description: "Read every reply in a topic with more than 100 replies",
          grant_count: 0, allow_title: false, multiple_grant: false, icon: "fa-certificate", image: null,
          listable: true, enabled: true, badge_grouping_id: 1, system: true,
          long_description: "This badge is granted the first time you read a long topic with more than 100 replies. Reading a conversation closely helps you follow the discussion, understand different viewpoints, and leads to more interesting conversations. The more you read, the better the conversation gets. As we like to say, Reading is Fundamental! :slight_smile:\n",
          slug: "reader", has_badge: false, badge_type_id: 3}]});
    });
  }
});

test("perform various searches", assert => {
  visit("/search");

  andThen(() => {
    ok($('body.search-page').length, "has body class");
    ok(exists('.search-container'), "has container class");
    assert.ok(find('input.search').length > 0);
    assert.ok(find('.fps-topic').length === 0);
  });

  fillIn('.search input.full-page-search', 'none');
  click('.search .btn-primary');

  andThen(() => assert.ok(find('.fps-topic').length === 0), 'has no results');

  fillIn('.search input.full-page-search', 'posts');
  click('.search .btn-primary');

  andThen(() => assert.ok(find('.fps-topic').length === 1, 'has one post'));
});

test("open advanced search", assert => {
  visit("/search");

  andThen(() => assert.ok(exists('.search .search-advanced'), 'shows advanced search panel'));

  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');

  andThen(() => assert.ok(visible('.search-advanced .search-advanced-options'), '"search-advanced-options" is visible'));
});

test("validate population of advanced search", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'test user:admin #bug group:moderators badge:Reader tags:monkey in:likes in:private in:wiki in:bookmarks status:open after:2016-10-05 posts_count:10');
  click('.search-advanced-btn');

  andThen(() => {
    assert.ok(exists('.search-advanced-options span:contains("admin")'), 'has "admin" pre-populated');
    assert.ok(exists('.search-advanced-options .badge-category:contains("bug")'), 'has "bug" pre-populated');
    //assert.ok(exists('.search-advanced-options span:contains("moderators")'), 'has "moderators" pre-populated');
    //assert.ok(exists('.search-advanced-options span:contains("Reader")'), 'has "Reader" pre-populated');
    assert.ok(exists('.search-advanced-options .tag-chooser .tag-monkey'), 'has "monkey" pre-populated');
    assert.ok(exists('.search-advanced-options .in-likes:checked'), 'has "I liked" pre-populated');
    assert.ok(exists('.search-advanced-options .in-private:checked'), 'has "are in my messages" pre-populated');
    assert.ok(exists('.search-advanced-options .in-wiki:checked'), 'has "are wiki" pre-populated');
    assert.ok(exists('.search-advanced-options .combobox .select2-choice .select2-chosen:contains("I\'ve bookmarked")'), 'has "I\'ve bookmarked" pre-populated');
    assert.ok(exists('.search-advanced-options .combobox .select2-choice .select2-chosen:contains("are open")'), 'has "are open" pre-populated');
    assert.ok(exists('.search-advanced-options .combobox .select2-choice .select2-chosen:contains("after")'), 'has "after" pre-populated');
    assert.equal(find('.search-advanced-options #search-post-date').val(), "2016-10-05", 'has "2016-10-05" pre-populated');
    assert.equal(find('.search-advanced-options #search-posts-count').val(), "10", 'has "10" pre-populated');
  });
});

test("update username through advanced search ui", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');
  fillIn('.search-advanced-options .user-selector', 'admin');
  click('.search-advanced-options .user-selector');
  keyEvent('.search-advanced-options .user-selector', 'keydown', 8);

  andThen(() => {
    waitFor(() => {
      assert.ok(visible('.search-advanced-options .autocomplete'), '"autocomplete" popup is visible');
      assert.ok(exists('.search-advanced-options .autocomplete ul li a span.username:contains("admin")'), '"autocomplete" popup has an entry for "admin"');

      click('.search-advanced-options .autocomplete ul li a:first');

      andThen(() => {
        assert.ok(exists('.search-advanced-options span:contains("admin")'), 'has "admin" pre-populated');
        assert.equal(find('.search input.full-page-search').val(), "none @admin", 'has updated search term to "none user:admin"');
      });
    });
  });
});

test("update category through advanced search ui", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');
  fillIn('.search-advanced-options .category-selector', 'faq');
  click('.search-advanced-options .category-selector');
  keyEvent('.search-advanced-options .category-selector', 'keydown', 8);
  keyEvent('.search-advanced-options .category-selector', 'keydown', 9);

  andThen(() => {
    assert.ok(exists('.search-advanced-options .badge-category:contains("faq")'), 'has "faq" populated');
    assert.equal(find('.search input.full-page-search').val(), "none #faq", 'has updated search term to "none #faq"');
  });
});

// test("update group through advanced search ui", assert => {
//   visit("/search");
//   fillIn('.search input.full-page-search', 'none');
//   click('.search-advanced-btn');
//   fillIn('.search-advanced-options .group-selector', 'moderators');
//   click('.search-advanced-options .group-selector');
//   keyEvent('.search-advanced-options .group-selector', 'keydown', 8);
//
//   andThen(() => {
//     waitFor(() => {
//       assert.ok(visible('.search-advanced-options .autocomplete'), '"autocomplete" popup is visible');
//       assert.ok(exists('.search-advanced-options .autocomplete ul li a:contains("moderators")'), '"autocomplete" popup has an entry for "moderators"');
//
//       click('.search-advanced-options .autocomplete ul li a:first');
//
//       andThen(() => {
//         assert.ok(exists('.search-advanced-options span:contains("moderators")'), 'has "moderators" pre-populated');
//         assert.equal(find('.search input.full-page-search').val(), "none group:moderators", 'has updated search term to "none group:moderators"');
//       });
//     });
//   });
// });

// test("update badges through advanced search ui", assert => {
//   visit("/search");
//   fillIn('.search input.full-page-search', 'none');
//   click('.search-advanced-btn');
//   fillIn('.search-advanced-options .badge-names', 'Reader');
//   click('.search-advanced-options .badge-names');
//   keyEvent('.search-advanced-options .badge-names', 'keydown', 8);
//
//   andThen(() => {
//     waitFor(() => {
//       assert.ok(visible('.search-advanced-options .autocomplete'), '"autocomplete" popup is visible');
//       assert.ok(exists('.search-advanced-options .autocomplete ul li a:contains("Reader")'), '"autocomplete" popup has an entry for "Reader"');
//
//       click('.search-advanced-options .autocomplete ul li a:first');
//
//       andThen(() => {
//         assert.ok(exists('.search-advanced-options span:contains("Reader")'), 'has "Reader" pre-populated');
//         assert.equal(find('.search input.full-page-search').val(), "none badge:Reader", 'has updated search term to "none badge:Reader"');
//       });
//     });
//   });
// });

// test("update tags through advanced search ui", assert => {
//   visit("/search");
//   fillIn('.search input.full-page-search', 'none');
//   click('.search-advanced-btn');
//
//   keyEvent('.search-advanced-options .tag-chooser input.select2-input', 'keydown', 110);
//   fillIn('.search-advanced-options .tag-chooser input.select2-input', 'monkey');
//   keyEvent('.search-advanced-options .tag-chooser input.select2-input', 'keyup', 110);
//
//   andThen(() => {
//     waitFor(() => {
//       click('li.select2-result-selectable:first');
//       andThen(() => {
//         assert.ok(exists('.search-advanced-options .tag-chooser .tag-monkey'), 'has "monkey" pre-populated');
//         assert.equal(find('.search input.full-page-search').val(), "none tags:monkey", 'has updated search term to "none tags:monkey"');
//       });
//     });
//   });
// });

test("update in:likes filter through advanced search ui", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');
  click('.search-advanced-options .in-likes');

  andThen(() => {
    assert.ok(exists('.search-advanced-options .in-likes:checked'), 'has "I liked" populated');
    assert.equal(find('.search input.full-page-search').val(), "none in:likes", 'has updated search term to "none in:likes"');
  });
});

test("update in:private filter through advanced search ui", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');
  click('.search-advanced-options .in-private');

  andThen(() => {
    assert.ok(exists('.search-advanced-options .in-private:checked'), 'has "are in my messages" populated');
    assert.equal(find('.search input.full-page-search').val(), "none in:private", 'has updated search term to "none in:private"');
  });
});

test("update in:wiki filter through advanced search ui", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');
  click('.search-advanced-options .in-wiki');

  andThen(() => {
    assert.ok(exists('.search-advanced-options .in-wiki:checked'), 'has "are wiki" populated');
    assert.equal(find('.search input.full-page-search').val(), "none in:wiki", 'has updated search term to "none in:wiki"');
  });
});

test("update in filter through advanced search ui", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');
  selectDropdown('.search-advanced-options #s2id_in', 'bookmarks');
  fillIn('.search-advanced-options #in', 'bookmarks');

  andThen(() => {
    assert.ok(exists('.search-advanced-options #s2id_in .select2-choice .select2-chosen:contains("I\'ve bookmarked")'), 'has "I\'ve bookmarked" populated');
    assert.equal(find('.search input.full-page-search').val(), "none in:bookmarks", 'has updated search term to "none in:bookmarks"');
  });
});

test("update status through advanced search ui", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');
  selectDropdown('.search-advanced-options #s2id_status', 'closed');
  fillIn('.search-advanced-options #status', 'closed');

  andThen(() => {
    assert.ok(exists('.search-advanced-options #s2id_status .select2-choice .select2-chosen:contains("are closed")'), 'has "are closed" populated');
    assert.equal(find('.search input.full-page-search').val(), "none status:closed", 'has updated search term to "none status:closed"');
  });
});

test("update post time through advanced search ui", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');
  fillIn('#search-post-date', '2016-10-05');
  selectDropdown('.search-advanced-options #s2id_postTime', 'after');
  fillIn('.search-advanced-options #postTime', 'after');

  andThen(() => {
    assert.ok(exists('.search-advanced-options #s2id_postTime .select2-choice .select2-chosen:contains("after")'), 'has "after" populated');
    assert.equal(find('.search-advanced-options #search-post-date').val(), "2016-10-05", 'has "2016-10-05" populated');
    assert.equal(find('.search input.full-page-search').val(), "none after:2016-10-05", 'has updated search term to "none after:2016-10-05"');
  });
});

test("update posts count through advanced search ui", assert => {
  visit("/search");
  fillIn('.search input.full-page-search', 'none');
  click('.search-advanced-btn');
  fillIn('#search-posts-count', '5');

  andThen(() => {
    assert.equal(find('.search-advanced-options #search-posts-count').val(), "5", 'has "5" populated');
    assert.equal(find('.search input.full-page-search').val(), "none posts_count:5", 'has updated search term to "none posts_count:5"');
  });
});

test("validate advanced search when initially empty", assert => {
  visit("/search?expanded=true");
  click('.search-advanced-options .in-likes');

  andThen(() => {
    assert.ok(exists('.search-advanced-options .in-likes:checked'), 'has "I liked" populated');
    assert.equal(find('.search input.full-page-search').val(), "in:likes", 'has updated search term to "in:likes"');
  });
});