From 936c87b1f8696ed05163fb5b02a50436f93b1c67 Mon Sep 17 00:00:00 2001
From: Saturnino Abril <saturnino.abril@gmail.com>
Date: Tue, 12 Nov 2019 23:50:15 +0800
Subject: [PATCH] MM-19944 Add E2E on search highlighting (#4182)

* add E2E on search highlighting

* add visibility check to #searchBox

* force display issue of #searchBox in test
---
 .../integration/search/results_post_spec.js   | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 e2e/cypress/integration/search/results_post_spec.js

diff --git a/e2e/cypress/integration/search/results_post_spec.js b/e2e/cypress/integration/search/results_post_spec.js
new file mode 100644
index 000000000000..604839a48638
--- /dev/null
+++ b/e2e/cypress/integration/search/results_post_spec.js
@@ -0,0 +1,52 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+// ***************************************************************
+// - [#] indicates a test step (e.g. # Go to a page)
+// - [*] indicates an assertion (e.g. * Check the title)
+// - Use element ID when selecting an element. Create one if none.
+// ***************************************************************
+
+describe('Search', () => {
+    before(() => {
+        // # Login and navigate to the app
+        cy.apiLogin('user-1');
+        cy.visit('/');
+    });
+
+    it('S19944 Highlighting does not change to what is being typed in the search input box', () => {
+        const apple = `apple${Date.now()}`;
+        const banana = `banana${Date.now()}`;
+
+        const message = apple + ' ' + banana;
+
+        // # Post a message as "apple" and "banana"
+        cy.postMessage(message);
+
+        // # Search for "apple"
+        cy.get('#searchBox').should('be.visible').type(apple).type('{enter}');
+
+        // # Get last postId
+        cy.getLastPostId().as('lastPostId');
+
+        // * Search result should return one post with highlight on apple
+        cy.get('@lastPostId').then((postId) => {
+            verifySearchResult(1, postId, message, apple);
+        });
+
+        // * Type banana on search box but don't hit search
+        cy.get('#searchBox').clear({force: true}).type(banana, {force: true});
+
+        // * Search result should not change and remain as one result with highlight still on apple
+        cy.get('@lastPostId').then((postId) => {
+            verifySearchResult(1, postId, message, apple);
+        });
+    });
+});
+
+function verifySearchResult(results, postId, fullMessage, highlightedTerm) {
+    cy.queryAllByTestId('search-item-container').should('have.length', results).within(() => {
+        cy.get(`#postMessageText_${postId}`).should('have.text', `${fullMessage}`);
+        cy.get('.search-highlight').should('be.visible').and('have.text', highlightedTerm);
+    });
+}