Fix types and console.log

This commit is contained in:
Florian Duros 2022-12-05 17:40:33 +01:00
parent be3a66b0e6
commit f5efa85882
No known key found for this signature in database
GPG key ID: 9700AA5870258A0B
2 changed files with 20 additions and 12 deletions

View file

@ -18,8 +18,10 @@ import { useCallback, useEffect, useRef } from "react";
import useFocus from "../../../../../hooks/useFocus";
type SubSelection = Pick<Selection, 'anchorNode' | 'anchorOffset' | 'focusNode' | 'focusOffset'>;
export function useSelection() {
const selectionRef = useRef({
const selectionRef = useRef<SubSelection>({
anchorNode: null,
anchorOffset: 0,
focusNode: null,
@ -30,12 +32,15 @@ export function useSelection() {
useEffect(() => {
function onSelectionChange() {
const selection = document.getSelection();
selectionRef.current = {
anchorNode: selection.anchorNode,
anchorOffset: selection.anchorOffset,
focusNode: selection.focusNode,
focusOffset: selection.focusOffset,
};
if (selection) {
selectionRef.current = {
anchorNode: selection.anchorNode,
anchorOffset: selection.anchorOffset,
focusNode: selection.focusNode,
focusOffset: selection.focusOffset,
};
}
}
if (isFocused) {
@ -47,10 +52,14 @@ export function useSelection() {
const selectPreviousSelection = useCallback(() => {
const range = new Range();
range.setStart(selectionRef.current.anchorNode, selectionRef.current.anchorOffset);
range.setEnd(selectionRef.current.focusNode, selectionRef.current.focusOffset);
document.getSelection().removeAllRanges();
document.getSelection().addRange(range);
const selection = selectionRef.current;
if (selection.anchorNode && selection.focusNode) {
range.setStart(selection.anchorNode, selectionRef.current.anchorOffset);
range.setEnd(selection.focusNode, selectionRef.current.focusOffset);
document.getSelection()?.removeAllRanges();
document.getSelection()?.addRange(range);
}
}, [selectionRef]);
return { ...focusProps, selectPreviousSelection };

View file

@ -177,7 +177,6 @@ describe('SendWysiwygComposer', () => {
it('Should not has placeholder', async () => {
// When
console.log('here');
customRender(jest.fn(), jest.fn(), false, isRichTextEnabled);
await waitFor(() => expect(screen.getByRole('textbox')).toHaveAttribute('contentEditable', "true"));