{TEXT_CONTENT}
); 61 | performTextSelection(); 62 | // Assert that the window has a selection 63 | const selection = window.getSelection(); 64 | expect(selection?.toString()).toBe(TEXT_SELECTION); 65 | }); 66 | test("works in the browser with nested div tags", () => { 67 | render( 68 |{TEXT_CONTENT}
87 | 88 | ); 89 | performTextSelection(); 90 | const selectedText = screen.getByText(/selectedText/i); 91 | 92 | expect(selectedText.textContent).toBe(`selectedText: ${TEXT_SELECTION}`); 93 | }); 94 | 95 | test("gets selectedText from a input tag with a class", () => { 96 | render( 97 | <> 98 |100 | 101 |
102 | 103 | ); 104 | performInputSelection(); 105 | 106 | const selectedText = screen.getByText(/selectedText/i); 107 | expect(selectedText.textContent).toBe(`selectedText: ${TEXT_SELECTION}`); 108 | }); 109 | 110 | test("gets selectedText from a input tag with a class", () => { 111 | render( 112 | <> 113 |115 | 116 |
117 | 118 | ); 119 | performInputSelection(); 120 | 121 | const selectedText = screen.getByText(/selectedText/i); 122 | expect(selectedText.textContent).toBe(`selectedText: ${TEXT_SELECTION}`); 123 | }); 124 | }); 125 | -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, RefObject } from "react"; 2 | 3 | export type SelectionDetails = 4 | | { 5 | baseNode?: Node | null; 6 | extentNode?: Node | null; 7 | range?: Range; 8 | selectedHtml?: string; 9 | selectedText?: string; 10 | } 11 | | null 12 | | undefined; 13 | 14 | export type TargetSelector = 15 | | string 16 | | { current: HTMLElement } 17 | | MutableRefObject