Add new highlight cypress tests

Author: sylhare

cypress/e2e/simple-jekyll-search.cy.ts

@@ -25,10 +25,10 @@ describe('Simple Jekyll Search', () => {
 
   it('No results found', () => {
     cy.get('#search-input')
-      .type('random');
+      .type('xyzabc123notfound');
 
     cy.get('#results-container')
-      .contains('No results found');
+      .should('contain', 'No results found');
   });
 
   describe('Search Functionality Edge cases', () => {
@@ -61,24 +61,73 @@ describe('Simple Jekyll Search', () => {
     });
   });
 
-  describe('Highlighting Middleware', () => {
-    it('should highlight search terms in results', () => {
+  describe('Hybrid Strategy with Highlighting', () => {
+    it('should use literal search and highlight exact matches', () => {
       cy.get('#search-input')
         .type('Lorem');
 
       cy.get('#results-container')
         .should('be.visible');
 
+      // Should find the "This is just a test" post
+      cy.get('#results-container').contains('This is just a test').should('exist');
+
       cy.get('#results-container .search-desc .search-highlight')
         .should('exist')
         .should('have.css', 'background-color', 'rgb(255, 255, 0)');
 
+      // Find highlights that contain Lorem (may be in multiple results)
+      cy.get('#results-container .search-desc .search-highlight')
+        .filter(':contains("Lorem")')
+        .should('have.length.at.least', 1);
+    });
+
+    it('should use literal search for multi-word queries and highlight', () => {
+      cy.get('#search-input')
+        .type('Lorem ipsum');
+
+      cy.get('#results-container')
+        .should('be.visible');
+
+      // Should find the "This is just a test" post
+      cy.get('#results-container').contains('This is just a test').should('exist');
+
+      cy.get('#results-container .search-desc .search-highlight')
+        .should('have.length.at.least', 1);
+      
+      // Check that Lorem is highlighted somewhere in the results
       cy.get('#results-container .search-desc .search-highlight')
-        .first()
-        .should('contain', 'Lorem');
+        .filter(':contains("Lorem")')
+        .should('exist');
+    });
+
+    it('should handle different search patterns with hybrid strategy', () => {
+      // Test single word search (uses fuzzy/literal)
+      cy.get('#search-input')
+        .clear()
+        .type('ipsum');
+
+      cy.get('#results-container li')
+        .should('have.length.at.least', 1);
+      
+      cy.get('#results-container')
+        .should('contain.text', 'ipsum');
+    });
+
+    it('should handle partial matches with hybrid strategy', () => {
+      // Test another single word
+      cy.get('#search-input')
+        .clear()
+        .type('technical');
+
+      cy.get('#results-container li')
+        .should('have.length.at.least', 1);
+      
+      cy.get('#results-container')
+        .should('contain.text', 'Technical');
     });
 
-    it('should highlight multiple occurrences', () => {
+    it('should highlight multiple occurrences in literal search', () => {
       cy.get('#search-input')
         .type('test');
 

docs/_includes/search.html

@@ -4,7 +4,7 @@
     <ul id="results-container"></ul>
   </div>
 
-  <script src="{{ '/assets/js/simple-jekyll-search.min.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/simple-jekyll-search.min.js' | relative_url }}?v={{ site.time | date: '%s' }}"></script>
 
   <script>
     var highlightMiddleware = window.createHighlightTemplateMiddleware({
@@ -20,7 +20,7 @@
       templateMiddleware: highlightMiddleware,
       noResultsText: 'No results found',
       limit: 10,
-      strategy: 'wildcard',
+      strategy: 'hybrid',
       exclude: ['Welcome'],
     });
   </script>