diff --git a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap index 1dcd6ac..256af89 100644 --- a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap +++ b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap @@ -87,36 +87,33 @@ exports[`Flyout component Renders flyout component 1`] = `

- Enter a query in - - - - - OpenSearch Query DSL - - - - (opens in a new tab or window) - - - + + OpenSearch Query DSL + + + + (opens in a new tab or window) + + . Use the - variable to refer to the text in the search bar. - When you enter + variable to refer + to the text in the search bar. When you enter - Search + + Search + - , the queries are sent to the search engine using the + , the queries are sent to the search + engine using the @@ -142,8 +142,7 @@ exports[`Flyout component Renders flyout component 1`] = ` GET - - HTTP method and the + HTTP method and the @@ -171,7 +170,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 2. Select an index for - Query 1 + + Query 1 + and enter a query. @@ -434,7 +435,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 3. Select an index for - Query 2 + + Query 2 + and enter a query. @@ -675,36 +678,33 @@ exports[`Flyout component Renders flyout component 1`] = `

- To learn more about boosts, see the - - - - - Multi-match Query Documentation - - - - (opens in a new tab or window) - - - + + Multi-match Query Documentation + + + + (opens in a new tab or window) + + .

@@ -717,7 +717,9 @@ exports[`Flyout component Renders flyout component 1`] = ` Select - Search + + Search + and compare the results in Results 1 and Results 2. @@ -879,36 +881,33 @@ exports[`Flyout component Renders flyout component 1`] = `

- Enter a query in - - - - - OpenSearch Query DSL - - - - (opens in a new tab or window) - - - + + OpenSearch Query DSL + + + + (opens in a new tab or window) + + . Use the - variable to refer to the text in the search bar. - When you enter + variable to refer + to the text in the search bar. When you enter - Search + + Search + - , the queries are sent to the search engine using the + , the queries are sent to the search + engine using the @@ -934,8 +936,7 @@ exports[`Flyout component Renders flyout component 1`] = ` GET - - HTTP method and the + HTTP method and the @@ -963,7 +964,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 2. Select an index for - Query 1 + + Query 1 + and enter a query. @@ -1226,7 +1229,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 3. Select an index for - Query 2 + + Query 2 + and enter a query. @@ -1467,36 +1472,33 @@ exports[`Flyout component Renders flyout component 1`] = `

- To learn more about boosts, see the - - - - - Multi-match Query Documentation - - - - (opens in a new tab or window) - - - + + Multi-match Query Documentation + + + + (opens in a new tab or window) + + .

@@ -1509,7 +1511,9 @@ exports[`Flyout component Renders flyout component 1`] = ` Select - Search + + Search + and compare the results in Results 1 and Results 2. @@ -1603,36 +1607,33 @@ exports[`Flyout component Renders flyout component 1`] = `

- Enter a query in - - - - - OpenSearch Query DSL - - - - (opens in a new tab or window) - - - + + OpenSearch Query DSL + + + + (opens in a new tab or window) + + . Use the - variable to refer to the text in the search bar. - When you enter + variable to refer + to the text in the search bar. When you enter - Search + + Search + - , the queries are sent to the search engine using the + , the queries are sent to the search + engine using the @@ -1658,8 +1662,7 @@ exports[`Flyout component Renders flyout component 1`] = ` GET - - HTTP method and the + HTTP method and the @@ -1687,7 +1690,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 2. Select an index for - Query 1 + + Query 1 + and enter a query. @@ -1950,7 +1955,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 3. Select an index for - Query 2 + + Query 2 + and enter a query. @@ -2191,52 +2198,51 @@ exports[`Flyout component Renders flyout component 1`] = `

- To learn more about boosts, see the - - - - - Multi-match Query Documentation - - - - (opens in a new tab or window) - - - - . - -

-

- - 4. Compare results - -

-

- - Select - - Search - - and compare the results in Results 1 and Results 2. - + + Multi-match Query Documentation + + + + (opens in a new tab or window) + + + . + +

+

+ + 4. Compare results + +

+

+ + Select + + + Search + + + and compare the results in Results 1 and Results 2. +

@@ -2327,36 +2333,33 @@ exports[`Flyout component Renders flyout component 1`] = `

- Enter a query in - - - - - OpenSearch Query DSL - - - - (opens in a new tab or window) - - - + + OpenSearch Query DSL + + + + (opens in a new tab or window) + + . Use the - variable to refer to the text in the search bar. - When you enter + variable to refer + to the text in the search bar. When you enter - Search + + Search + - , the queries are sent to the search engine using the + , the queries are sent to the search + engine using the @@ -2382,8 +2388,7 @@ exports[`Flyout component Renders flyout component 1`] = ` GET - - HTTP method and the + HTTP method and the @@ -2411,7 +2416,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 2. Select an index for - Query 1 + + Query 1 + and enter a query. @@ -2674,7 +2681,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 3. Select an index for - Query 2 + + Query 2 + and enter a query. @@ -2915,36 +2924,33 @@ exports[`Flyout component Renders flyout component 1`] = `

- To learn more about boosts, see the - - - - - Multi-match Query Documentation - - - - (opens in a new tab or window) - - - + + Multi-match Query Documentation + + + + (opens in a new tab or window) + + .

@@ -2957,7 +2963,9 @@ exports[`Flyout component Renders flyout component 1`] = ` Select - Search + + Search + and compare the results in Results 1 and Results 2. @@ -3039,36 +3047,33 @@ exports[`Flyout component Renders flyout component 1`] = `

- Enter a query in - - - - - OpenSearch Query DSL - - - - (opens in a new tab or window) - - - + + OpenSearch Query DSL + + + + (opens in a new tab or window) + + . Use the - variable to refer to the text in the search bar. - When you enter + variable to refer + to the text in the search bar. When you enter - Search + + Search + - , the queries are sent to the search engine using the + , the queries are sent to the search + engine using the @@ -3094,8 +3102,7 @@ exports[`Flyout component Renders flyout component 1`] = ` GET - - HTTP method and the + HTTP method and the @@ -3123,7 +3130,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 2. Select an index for - Query 1 + + Query 1 + and enter a query. @@ -3386,7 +3395,9 @@ exports[`Flyout component Renders flyout component 1`] = ` 3. Select an index for - Query 2 + + Query 2 + and enter a query. @@ -3627,36 +3638,33 @@ exports[`Flyout component Renders flyout component 1`] = `

- To learn more about boosts, see the - - - - - Multi-match Query Documentation - - - - (opens in a new tab or window) - - - + + Multi-match Query Documentation + + + + (opens in a new tab or window) + + .

@@ -3669,7 +3677,9 @@ exports[`Flyout component Renders flyout component 1`] = ` Select - Search + + Search + and compare the results in Results 1 and Results 2. @@ -3820,7 +3830,7 @@ exports[`Flyout component Renders flyout component 1`] = `

@@ -3830,99 +3840,104 @@ exports[`Flyout component Renders flyout component 1`] = `

- - Enter a query in - - - - - - - - OpenSearch Query DSL - - - - - - - - - - - (opens in a new tab or window) - - - - - - - %SearchText% + "endpointName": + _search , - "code_2": + "methodName": GET , - "code_3": - _search - , - "strong": - Search + "queryDslLink": + + , + "search": + , + "variableName": + %SearchText% + , } } > + Enter a query in + + + + + OpenSearch Query DSL + + + + + + + + + + + (opens in a new tab or window) + + + + + . Use the - variable to refer to the text in the search bar. - When you enter + variable to refer + to the text in the search bar. When you enter - Search + + + Search + + - , the queries are sent to the search engine using the + , the queries are sent to the search + engine using the - - HTTP method and the + HTTP method and the @@ -3999,7 +4022,7 @@ exports[`Flyout component Renders flyout component 1`] = `

@@ -4009,12 +4032,16 @@ exports[`Flyout component Renders flyout component 1`] = `

- Query 1 + "queryName": + , } } @@ -4022,7 +4049,15 @@ exports[`Flyout component Renders flyout component 1`] = ` 2. Select an index for - Query 1 + + + Query 1 + + and enter a query. @@ -4030,20 +4065,20 @@ exports[`Flyout component Renders flyout component 1`] = `

+ "shakespeare": + shakespeare + , + "speaker": speaker , - "code_2": + "textEntry": text_entry , - "code_3": - shakespeare - , } } > @@ -4422,12 +4457,16 @@ exports[`Flyout component Renders flyout component 1`] = `

- Query 2 + "queryName": + , } } @@ -4435,7 +4474,15 @@ exports[`Flyout component Renders flyout component 1`] = ` 3. Select an index for - Query 2 + + + Query 2 + + and enter a query. @@ -4444,11 +4491,11 @@ exports[`Flyout component Renders flyout component 1`] = `

+ "speaker": speaker , } @@ -4795,82 +4842,86 @@ exports[`Flyout component Renders flyout component 1`] = `

+ + , + } + } > - To learn more about boosts, see the - - - - - - - - Multi-match Query Documentation - - - - - + + Multi-match Query Documentation + + + - - - - - - (opens in a new tab or window) - - - - - - - + + + + + + + + (opens in a new tab or window) + + + + + . @@ -4878,7 +4929,7 @@ exports[`Flyout component Renders flyout component 1`] = `

@@ -4888,12 +4939,16 @@ exports[`Flyout component Renders flyout component 1`] = `

- Search + "search": + , } } @@ -4901,7 +4956,15 @@ exports[`Flyout component Renders flyout component 1`] = ` Select - Search + + + Search + + and compare the results in Results 1 and Results 2. diff --git a/public/components/common/__test__/__snapshots__/header.test.tsx.snap b/public/components/common/__test__/__snapshots__/header.test.tsx.snap index 615080d..743bbc2 100644 --- a/public/components/common/__test__/__snapshots__/header.test.tsx.snap +++ b/public/components/common/__test__/__snapshots__/header.test.tsx.snap @@ -33,76 +33,88 @@ exports[`Header component Renders header component 1`] = ` >

+ + , + } + } > - Compare results using the same search text with different queries. - - - - - - - - Learn more - - - - - + + Learn more + + + - - - - - - (opens in a new tab or window) - - - - - + + + + + + + + (opens in a new tab or window) + + + + + + +

diff --git a/public/components/common/flyout.tsx b/public/components/common/flyout.tsx index 44c51f6..cc741df 100644 --- a/public/components/common/flyout.tsx +++ b/public/components/common/flyout.tsx @@ -61,65 +61,77 @@ export const Flyout = () => {

{' '} - - - - %SearchText%, - strong: Search, - code_2: GET, - code_3: _search, + queryDslLink: ( + + + + ), + variableName: {'%SearchText%'}, + search: ( + + + + ), + methodName: {'GET'}, + endpointName: {'_search'}, }} />

- +


Query 1, + queryName: ( + + + + ), }} />

speaker, - code_2: text_entry, - code_3: shakespeare, + speaker: {'speaker'}, + textEntry: {'text_entry'}, + shakespeare: {'shakespeare'}, }} />

@@ -128,20 +140,27 @@ export const Flyout = () => {

Query 2, + queryName: ( + + + + ), }} />

speaker, + speaker: {'speaker'}, }} />

@@ -150,32 +169,42 @@ export const Flyout = () => {

{' '} - - - - + id="searchRelevance.flyout.exampleDetail" + defaultMessage="To learn more about boosts, see the {multiMatchQueryLink}." + values={{ + multiMatchQueryLink: ( + + + + ), + }} + />

Search, + search: ( + + + + ), }} />

diff --git a/public/components/common/header.tsx b/public/components/common/header.tsx index 22a7aa0..b455057 100644 --- a/public/components/common/header.tsx +++ b/public/components/common/header.tsx @@ -32,17 +32,21 @@ export const Header = ({ children }: HeaderProps) => {

{' '} - - - + defaultMessage="Compare results using the same search text with different queries. {learnMoreLink}" + values={{ + learnMoreLink: ( + + + + ), + }} + />

{children} diff --git a/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap b/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap index 6779956..8789feb 100644 --- a/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap +++ b/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap @@ -34,76 +34,88 @@ exports[`Create index component Renders create index component 1`] = ` >

+ + , + } + } > - Compare results using the same search text with different queries. - - - - - - - - Learn more - - - - - + + Learn more + + + - - - - - - (opens in a new tab or window) - - - - - + + + + + + + + (opens in a new tab or window) + + + + + + +