Make clear notifications work with threads (#9575)
This commit is contained in:
Germain
GitHub
parent
e66027cd0c
commit
c10339ad68
5 changed files with 241 additions and 237 deletions
|
|
@ -13,8 +13,6 @@ limitations under the License.
|
|||
*/
|
||||
|
||||
import React from 'react';
|
||||
// eslint-disable-next-line deprecate/import
|
||||
import { mount, ReactWrapper } from 'enzyme';
|
||||
import {
|
||||
IPushRule,
|
||||
IPushRules,
|
||||
|
|
@ -22,14 +20,17 @@ import {
|
|||
IPusher,
|
||||
LOCAL_NOTIFICATION_SETTINGS_PREFIX,
|
||||
MatrixEvent,
|
||||
Room,
|
||||
NotificationCountType,
|
||||
} from 'matrix-js-sdk/src/matrix';
|
||||
import { IThreepid, ThreepidMedium } from 'matrix-js-sdk/src/@types/threepids';
|
||||
import { act } from 'react-dom/test-utils';
|
||||
import { fireEvent, getByTestId, render, screen, waitFor } from '@testing-library/react';
|
||||
|
||||
import Notifications from '../../../../src/components/views/settings/Notifications';
|
||||
import SettingsStore from "../../../../src/settings/SettingsStore";
|
||||
import { StandardActions } from '../../../../src/notifications/StandardActions';
|
||||
import { getMockClientWithEventEmitter } from '../../../test-utils';
|
||||
import { getMockClientWithEventEmitter, mkMessage } from '../../../test-utils';
|
||||
|
||||
// don't pollute test output with error logs from mock rejections
|
||||
jest.mock("matrix-js-sdk/src/logger");
|
||||
|
|
@ -56,13 +57,12 @@ const pushRules: IPushRules = { "global": { "underride": [{ "conditions": [{ "ki
|
|||
const flushPromises = async () => await new Promise(resolve => setTimeout(resolve));
|
||||
|
||||
describe('<Notifications />', () => {
|
||||
const getComponent = () => mount(<Notifications />);
|
||||
const getComponent = () => render(<Notifications />);
|
||||
|
||||
// get component, wait for async data and force a render
|
||||
const getComponentAndWait = async () => {
|
||||
const component = getComponent();
|
||||
await flushPromises();
|
||||
component.setProps({});
|
||||
return component;
|
||||
};
|
||||
|
||||
|
|
@ -85,11 +85,11 @@ describe('<Notifications />', () => {
|
|||
}
|
||||
}),
|
||||
setAccountData: jest.fn(),
|
||||
sendReadReceipt: jest.fn(),
|
||||
supportsExperimentalThreads: jest.fn().mockReturnValue(true),
|
||||
});
|
||||
mockClient.getPushRules.mockResolvedValue(pushRules);
|
||||
|
||||
const findByTestId = (component, id) => component.find(`[data-test-id="${id}"]`);
|
||||
|
||||
beforeEach(() => {
|
||||
mockClient.getPushRules.mockClear().mockResolvedValue(pushRules);
|
||||
mockClient.getPushers.mockClear().mockResolvedValue({ pushers: [] });
|
||||
|
|
@ -97,25 +97,25 @@ describe('<Notifications />', () => {
|
|||
mockClient.setPusher.mockClear().mockResolvedValue({});
|
||||
});
|
||||
|
||||
it('renders spinner while loading', () => {
|
||||
const component = getComponent();
|
||||
expect(component.find('.mx_Spinner').length).toBeTruthy();
|
||||
it('renders spinner while loading', async () => {
|
||||
getComponent();
|
||||
expect(screen.getByTestId('spinner')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders error message when fetching push rules fails', async () => {
|
||||
mockClient.getPushRules.mockRejectedValue({});
|
||||
const component = await getComponentAndWait();
|
||||
expect(findByTestId(component, 'error-message').length).toBeTruthy();
|
||||
await getComponentAndWait();
|
||||
expect(screen.getByTestId('error-message')).toBeInTheDocument();
|
||||
});
|
||||
it('renders error message when fetching pushers fails', async () => {
|
||||
mockClient.getPushers.mockRejectedValue({});
|
||||
const component = await getComponentAndWait();
|
||||
expect(findByTestId(component, 'error-message').length).toBeTruthy();
|
||||
await getComponentAndWait();
|
||||
expect(screen.getByTestId('error-message')).toBeInTheDocument();
|
||||
});
|
||||
it('renders error message when fetching threepids fails', async () => {
|
||||
mockClient.getThreePids.mockRejectedValue({});
|
||||
const component = await getComponentAndWait();
|
||||
expect(findByTestId(component, 'error-message').length).toBeTruthy();
|
||||
await getComponentAndWait();
|
||||
expect(screen.getByTestId('error-message')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
describe('main notification switches', () => {
|
||||
|
|
@ -127,18 +127,18 @@ describe('<Notifications />', () => {
|
|||
},
|
||||
} as unknown as IPushRules;
|
||||
mockClient.getPushRules.mockClear().mockResolvedValue(disableNotificationsPushRules);
|
||||
const component = await getComponentAndWait();
|
||||
const { container } = await getComponentAndWait();
|
||||
|
||||
expect(component).toMatchSnapshot();
|
||||
expect(container).toMatchSnapshot();
|
||||
});
|
||||
it('renders switches correctly', async () => {
|
||||
const component = await getComponentAndWait();
|
||||
await getComponentAndWait();
|
||||
|
||||
expect(findByTestId(component, 'notif-master-switch').length).toBeTruthy();
|
||||
expect(findByTestId(component, 'notif-device-switch').length).toBeTruthy();
|
||||
expect(findByTestId(component, 'notif-setting-notificationsEnabled').length).toBeTruthy();
|
||||
expect(findByTestId(component, 'notif-setting-notificationBodyEnabled').length).toBeTruthy();
|
||||
expect(findByTestId(component, 'notif-setting-audioNotificationsEnabled').length).toBeTruthy();
|
||||
expect(screen.getByTestId('notif-master-switch')).toBeInTheDocument();
|
||||
expect(screen.getByTestId('notif-device-switch')).toBeInTheDocument();
|
||||
expect(screen.getByTestId('notif-setting-notificationsEnabled')).toBeInTheDocument();
|
||||
expect(screen.getByTestId('notif-setting-notificationBodyEnabled')).toBeInTheDocument();
|
||||
expect(screen.getByTestId('notif-setting-audioNotificationsEnabled')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
describe('email switches', () => {
|
||||
|
|
@ -156,9 +156,8 @@ describe('<Notifications />', () => {
|
|||
});
|
||||
|
||||
it('renders email switches correctly when email 3pids exist', async () => {
|
||||
const component = await getComponentAndWait();
|
||||
|
||||
expect(findByTestId(component, 'notif-email-switch')).toMatchSnapshot();
|
||||
await getComponentAndWait();
|
||||
expect(screen.getByTestId('notif-email-switch')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders email switches correctly when notifications are on for email', async () => {
|
||||
|
|
@ -167,19 +166,20 @@ describe('<Notifications />', () => {
|
|||
{ kind: 'email', pushkey: testEmail } as unknown as IPusher,
|
||||
],
|
||||
});
|
||||
const component = await getComponentAndWait();
|
||||
await getComponentAndWait();
|
||||
|
||||
expect(findByTestId(component, 'notif-email-switch').props().value).toEqual(true);
|
||||
const emailSwitch = screen.getByTestId('notif-email-switch');
|
||||
expect(emailSwitch.querySelector('[aria-checked="true"]')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('enables email notification when toggling on', async () => {
|
||||
const component = await getComponentAndWait();
|
||||
await getComponentAndWait();
|
||||
|
||||
const emailToggle = findByTestId(component, 'notif-email-switch')
|
||||
.find('div[role="switch"]');
|
||||
const emailToggle = screen.getByTestId('notif-email-switch')
|
||||
.querySelector('div[role="switch"]');
|
||||
|
||||
await act(async () => {
|
||||
emailToggle.simulate('click');
|
||||
fireEvent.click(emailToggle);
|
||||
});
|
||||
|
||||
expect(mockClient.setPusher).toHaveBeenCalledWith(expect.objectContaining({
|
||||
|
|
@ -194,32 +194,31 @@ describe('<Notifications />', () => {
|
|||
|
||||
it('displays error when pusher update fails', async () => {
|
||||
mockClient.setPusher.mockRejectedValue({});
|
||||
const component = await getComponentAndWait();
|
||||
await getComponentAndWait();
|
||||
|
||||
const emailToggle = findByTestId(component, 'notif-email-switch')
|
||||
.find('div[role="switch"]');
|
||||
const emailToggle = screen.getByTestId('notif-email-switch')
|
||||
.querySelector('div[role="switch"]');
|
||||
|
||||
await act(async () => {
|
||||
emailToggle.simulate('click');
|
||||
fireEvent.click(emailToggle);
|
||||
});
|
||||
|
||||
// force render
|
||||
await flushPromises();
|
||||
await component.setProps({});
|
||||
|
||||
expect(findByTestId(component, 'error-message').length).toBeTruthy();
|
||||
expect(screen.getByTestId('error-message')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('enables email notification when toggling off', async () => {
|
||||
const testPusher = { kind: 'email', pushkey: 'tester@test.com' } as unknown as IPusher;
|
||||
mockClient.getPushers.mockResolvedValue({ pushers: [testPusher] });
|
||||
const component = await getComponentAndWait();
|
||||
await getComponentAndWait();
|
||||
|
||||
const emailToggle = findByTestId(component, 'notif-email-switch')
|
||||
.find('div[role="switch"]');
|
||||
const emailToggle = screen.getByTestId('notif-email-switch')
|
||||
.querySelector('div[role="switch"]');
|
||||
|
||||
await act(async () => {
|
||||
emailToggle.simulate('click');
|
||||
fireEvent.click(emailToggle);
|
||||
});
|
||||
|
||||
expect(mockClient.setPusher).toHaveBeenCalledWith({
|
||||
|
|
@ -229,67 +228,64 @@ describe('<Notifications />', () => {
|
|||
});
|
||||
|
||||
it('toggles and sets settings correctly', async () => {
|
||||
const component = await getComponentAndWait();
|
||||
let audioNotifsToggle: ReactWrapper;
|
||||
await getComponentAndWait();
|
||||
let audioNotifsToggle;
|
||||
|
||||
const update = () => {
|
||||
audioNotifsToggle = findByTestId(component, 'notif-setting-audioNotificationsEnabled')
|
||||
.find('div[role="switch"]');
|
||||
audioNotifsToggle = screen.getByTestId('notif-setting-audioNotificationsEnabled')
|
||||
.querySelector('div[role="switch"]');
|
||||
};
|
||||
update();
|
||||
|
||||
expect(audioNotifsToggle.getDOMNode<HTMLElement>().getAttribute("aria-checked")).toEqual("true");
|
||||
expect(audioNotifsToggle.getAttribute("aria-checked")).toEqual("true");
|
||||
expect(SettingsStore.getValue("audioNotificationsEnabled")).toEqual(true);
|
||||
|
||||
act(() => { audioNotifsToggle.simulate('click'); });
|
||||
act(() => { fireEvent.click(audioNotifsToggle); });
|
||||
update();
|
||||
|
||||
expect(audioNotifsToggle.getDOMNode<HTMLElement>().getAttribute("aria-checked")).toEqual("false");
|
||||
expect(audioNotifsToggle.getAttribute("aria-checked")).toEqual("false");
|
||||
expect(SettingsStore.getValue("audioNotificationsEnabled")).toEqual(false);
|
||||
});
|
||||
});
|
||||
|
||||
describe('individual notification level settings', () => {
|
||||
const getCheckedRadioForRule = (ruleEl) =>
|
||||
ruleEl.find('input[type="radio"][checked=true]').props()['aria-label'];
|
||||
it('renders categories correctly', async () => {
|
||||
const component = await getComponentAndWait();
|
||||
await getComponentAndWait();
|
||||
|
||||
expect(findByTestId(component, 'notif-section-vector_global').length).toBeTruthy();
|
||||
expect(findByTestId(component, 'notif-section-vector_mentions').length).toBeTruthy();
|
||||
expect(findByTestId(component, 'notif-section-vector_other').length).toBeTruthy();
|
||||
expect(screen.getByTestId('notif-section-vector_global')).toBeInTheDocument();
|
||||
expect(screen.getByTestId('notif-section-vector_mentions')).toBeInTheDocument();
|
||||
expect(screen.getByTestId('notif-section-vector_other')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders radios correctly', async () => {
|
||||
const component = await getComponentAndWait();
|
||||
await getComponentAndWait();
|
||||
const section = 'vector_global';
|
||||
|
||||
const globalSection = findByTestId(component, `notif-section-${section}`);
|
||||
const globalSection = screen.getByTestId(`notif-section-${section}`);
|
||||
// 4 notification rules with class 'global'
|
||||
expect(globalSection.find('fieldset').length).toEqual(4);
|
||||
expect(globalSection.querySelectorAll('fieldset').length).toEqual(4);
|
||||
// oneToOneRule is set to 'on'
|
||||
const oneToOneRuleElement = findByTestId(component, section + oneToOneRule.rule_id);
|
||||
expect(getCheckedRadioForRule(oneToOneRuleElement)).toEqual('On');
|
||||
const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
|
||||
expect(oneToOneRuleElement.querySelector("[aria-label='On']")).toBeInTheDocument();
|
||||
// encryptedOneToOneRule is set to 'loud'
|
||||
const encryptedOneToOneElement = findByTestId(component, section + encryptedOneToOneRule.rule_id);
|
||||
expect(getCheckedRadioForRule(encryptedOneToOneElement)).toEqual('Noisy');
|
||||
const encryptedOneToOneElement = screen.getByTestId(section + encryptedOneToOneRule.rule_id);
|
||||
expect(encryptedOneToOneElement.querySelector("[aria-label='Noisy']")).toBeInTheDocument();
|
||||
// encryptedGroupRule is set to 'off'
|
||||
const encryptedGroupElement = findByTestId(component, section + encryptedGroupRule.rule_id);
|
||||
expect(getCheckedRadioForRule(encryptedGroupElement)).toEqual('Off');
|
||||
const encryptedGroupElement = screen.getByTestId(section + encryptedGroupRule.rule_id);
|
||||
expect(encryptedGroupElement.querySelector("[aria-label='Off']")).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('updates notification level when changed', async () => {
|
||||
const component = await getComponentAndWait();
|
||||
await getComponentAndWait();
|
||||
const section = 'vector_global';
|
||||
|
||||
// oneToOneRule is set to 'on'
|
||||
// and is kind: 'underride'
|
||||
const oneToOneRuleElement = findByTestId(component, section + oneToOneRule.rule_id);
|
||||
const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
|
||||
|
||||
await act(async () => {
|
||||
// toggle at 0 is 'off'
|
||||
const offToggle = oneToOneRuleElement.find('input[type="radio"]').at(0);
|
||||
offToggle.simulate('change');
|
||||
const offToggle = oneToOneRuleElement.querySelector('input[type="radio"]');
|
||||
fireEvent.click(offToggle);
|
||||
});
|
||||
|
||||
expect(mockClient.setPushRuleEnabled).toHaveBeenCalledWith(
|
||||
|
|
@ -300,4 +296,32 @@ describe('<Notifications />', () => {
|
|||
'global', 'underride', oneToOneRule.rule_id, StandardActions.ACTION_DONT_NOTIFY);
|
||||
});
|
||||
});
|
||||
|
||||
describe("clear all notifications", () => {
|
||||
it("clears all notifications", async () => {
|
||||
const room = new Room("room123", mockClient, "@alice:example.org");
|
||||
mockClient.getRooms.mockReset().mockReturnValue([room]);
|
||||
|
||||
const message = mkMessage({
|
||||
event: true,
|
||||
room: "room123",
|
||||
user: "@alice:example.org",
|
||||
ts: 1,
|
||||
});
|
||||
room.addLiveEvents([message]);
|
||||
room.setUnreadNotificationCount(NotificationCountType.Total, 1);
|
||||
|
||||
const { container } = await getComponentAndWait();
|
||||
const clearNotificationEl = getByTestId(container, "clear-notifications");
|
||||
|
||||
fireEvent.click(clearNotificationEl);
|
||||
|
||||
expect(clearNotificationEl.className).toContain("mx_AccessibleButton_disabled");
|
||||
expect(mockClient.sendReadReceipt).toHaveBeenCalled();
|
||||
|
||||
await waitFor(() => {
|
||||
expect(clearNotificationEl.className).not.toContain("mx_AccessibleButton_disabled");
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,157 +1,38 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`<Notifications /> main notification switches email switches renders email switches correctly when email 3pids exist 1`] = `
|
||||
<LabelledToggleSwitch
|
||||
data-test-id="notif-email-switch"
|
||||
disabled={false}
|
||||
key="tester@test.com"
|
||||
label="Enable email notifications for tester@test.com"
|
||||
onChange={[Function]}
|
||||
value={false}
|
||||
>
|
||||
<div
|
||||
className="mx_SettingsFlag"
|
||||
>
|
||||
<span
|
||||
className="mx_SettingsFlag_label"
|
||||
>
|
||||
Enable email notifications for tester@test.com
|
||||
</span>
|
||||
<_default
|
||||
checked={false}
|
||||
disabled={false}
|
||||
onChange={[Function]}
|
||||
title="Enable email notifications for tester@test.com"
|
||||
>
|
||||
<AccessibleTooltipButton
|
||||
aria-checked={false}
|
||||
aria-disabled={false}
|
||||
className="mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
||||
onClick={[Function]}
|
||||
role="switch"
|
||||
title="Enable email notifications for tester@test.com"
|
||||
>
|
||||
<AccessibleButton
|
||||
aria-checked={false}
|
||||
aria-disabled={false}
|
||||
aria-label="Enable email notifications for tester@test.com"
|
||||
className="mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
||||
element="div"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseLeave={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
role="switch"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div
|
||||
aria-checked={false}
|
||||
aria-disabled={false}
|
||||
aria-label="Enable email notifications for tester@test.com"
|
||||
className="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
onKeyUp={[Function]}
|
||||
onMouseLeave={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
role="switch"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div
|
||||
className="mx_ToggleSwitch_ball"
|
||||
/>
|
||||
</div>
|
||||
</AccessibleButton>
|
||||
</AccessibleTooltipButton>
|
||||
</_default>
|
||||
</div>
|
||||
</LabelledToggleSwitch>
|
||||
`;
|
||||
|
||||
exports[`<Notifications /> main notification switches renders only enable notifications switch when notifications are disabled 1`] = `
|
||||
<Notifications>
|
||||
<div>
|
||||
<div
|
||||
className="mx_UserNotifSettings"
|
||||
class="mx_UserNotifSettings"
|
||||
>
|
||||
<LabelledToggleSwitch
|
||||
caption="Turn off to disable notifications on all your devices and sessions"
|
||||
data-test-id="notif-master-switch"
|
||||
disabled={false}
|
||||
label="Enable notifications for this account"
|
||||
onChange={[Function]}
|
||||
value={false}
|
||||
<div
|
||||
class="mx_SettingsFlag"
|
||||
data-testid="notif-master-switch"
|
||||
>
|
||||
<div
|
||||
className="mx_SettingsFlag"
|
||||
<span
|
||||
class="mx_SettingsFlag_label"
|
||||
>
|
||||
Enable notifications for this account
|
||||
<br />
|
||||
<span
|
||||
className="mx_SettingsFlag_label"
|
||||
class="mx_Caption"
|
||||
>
|
||||
Enable notifications for this account
|
||||
<br />
|
||||
<Caption>
|
||||
<span
|
||||
className="mx_Caption"
|
||||
>
|
||||
Turn off to disable notifications on all your devices and sessions
|
||||
</span>
|
||||
</Caption>
|
||||
Turn off to disable notifications on all your devices and sessions
|
||||
</span>
|
||||
<_default
|
||||
checked={false}
|
||||
disabled={false}
|
||||
onChange={[Function]}
|
||||
title="Enable notifications for this account"
|
||||
>
|
||||
<AccessibleTooltipButton
|
||||
aria-checked={false}
|
||||
aria-disabled={false}
|
||||
className="mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
||||
onClick={[Function]}
|
||||
role="switch"
|
||||
title="Enable notifications for this account"
|
||||
>
|
||||
<AccessibleButton
|
||||
aria-checked={false}
|
||||
aria-disabled={false}
|
||||
aria-label="Enable notifications for this account"
|
||||
className="mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
||||
element="div"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onMouseLeave={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
role="switch"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div
|
||||
aria-checked={false}
|
||||
aria-disabled={false}
|
||||
aria-label="Enable notifications for this account"
|
||||
className="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
||||
onBlur={[Function]}
|
||||
onClick={[Function]}
|
||||
onFocus={[Function]}
|
||||
onKeyDown={[Function]}
|
||||
onKeyUp={[Function]}
|
||||
onMouseLeave={[Function]}
|
||||
onMouseOver={[Function]}
|
||||
role="switch"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div
|
||||
className="mx_ToggleSwitch_ball"
|
||||
/>
|
||||
</div>
|
||||
</AccessibleButton>
|
||||
</AccessibleTooltipButton>
|
||||
</_default>
|
||||
</span>
|
||||
<div
|
||||
aria-checked="false"
|
||||
aria-disabled="false"
|
||||
aria-label="Enable notifications for this account"
|
||||
class="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
||||
role="switch"
|
||||
tabindex="0"
|
||||
>
|
||||
<div
|
||||
class="mx_ToggleSwitch_ball"
|
||||
/>
|
||||
</div>
|
||||
</LabelledToggleSwitch>
|
||||
</div>
|
||||
</div>
|
||||
</Notifications>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -16,15 +16,21 @@ limitations under the License.
|
|||
|
||||
import { MatrixEvent } from "matrix-js-sdk/src/models/event";
|
||||
import { mocked } from "jest-mock";
|
||||
import { MatrixClient } from "matrix-js-sdk/src/client";
|
||||
import { NotificationCountType, Room } from "matrix-js-sdk/src/models/room";
|
||||
import { ReceiptType } from "matrix-js-sdk/src/@types/read_receipts";
|
||||
|
||||
import {
|
||||
localNotificationsAreSilenced,
|
||||
getLocalNotificationAccountDataEventType,
|
||||
createLocalNotificationSettingsIfNeeded,
|
||||
deviceNotificationSettingsKeys,
|
||||
clearAllNotifications,
|
||||
} from "../../src/utils/notifications";
|
||||
import SettingsStore from "../../src/settings/SettingsStore";
|
||||
import { getMockClientWithEventEmitter } from "../test-utils/client";
|
||||
import { mkMessage, stubClient } from "../test-utils/test-utils";
|
||||
import { MatrixClientPeg } from "../../src/MatrixClientPeg";
|
||||
|
||||
jest.mock("../../src/settings/SettingsStore");
|
||||
|
||||
|
|
@ -99,4 +105,61 @@ describe('notifications', () => {
|
|||
expect(localNotificationsAreSilenced(mockClient)).toBeFalsy();
|
||||
});
|
||||
});
|
||||
|
||||
describe("clearAllNotifications", () => {
|
||||
let client: MatrixClient;
|
||||
let room: Room;
|
||||
let sendReadReceiptSpy;
|
||||
|
||||
const ROOM_ID = "123";
|
||||
const USER_ID = "@bob:example.org";
|
||||
|
||||
beforeEach(() => {
|
||||
stubClient();
|
||||
client = mocked(MatrixClientPeg.get());
|
||||
room = new Room(ROOM_ID, client, USER_ID);
|
||||
sendReadReceiptSpy = jest.spyOn(client, "sendReadReceipt").mockResolvedValue({});
|
||||
jest.spyOn(client, "getRooms").mockReturnValue([room]);
|
||||
jest.spyOn(SettingsStore, "getValue").mockImplementation((name) => {
|
||||
return name === "sendReadReceipts";
|
||||
});
|
||||
});
|
||||
|
||||
it("does not send any requests if everything has been read", () => {
|
||||
clearAllNotifications(client);
|
||||
expect(sendReadReceiptSpy).not.toBeCalled();
|
||||
});
|
||||
|
||||
it("sends unthreaded receipt requests", () => {
|
||||
const message = mkMessage({
|
||||
event: true,
|
||||
room: ROOM_ID,
|
||||
user: USER_ID,
|
||||
ts: 1,
|
||||
});
|
||||
room.addLiveEvents([message]);
|
||||
room.setUnreadNotificationCount(NotificationCountType.Total, 1);
|
||||
|
||||
clearAllNotifications(client);
|
||||
|
||||
expect(sendReadReceiptSpy).toBeCalledWith(message, ReceiptType.Read, true);
|
||||
});
|
||||
|
||||
it("sends private read receipts", () => {
|
||||
const message = mkMessage({
|
||||
event: true,
|
||||
room: ROOM_ID,
|
||||
user: USER_ID,
|
||||
ts: 1,
|
||||
});
|
||||
room.addLiveEvents([message]);
|
||||
room.setUnreadNotificationCount(NotificationCountType.Total, 1);
|
||||
|
||||
jest.spyOn(SettingsStore, "getValue").mockReset().mockReturnValue(false);
|
||||
|
||||
clearAllNotifications(client);
|
||||
|
||||
expect(sendReadReceiptSpy).toBeCalledWith(message, ReceiptType.ReadPrivate, true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue