react-native-devtools-frontend/test/e2e/application/storage_test.ts

// Copyright 2020 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import {assert} from 'chai';
import {describe, it} from 'mocha';

import {click, getBrowserAndPages, getTestServerPort, waitForFunction} from '../../shared/helper.js';
import {doubleClickSourceTreeItem, getStorageItemsData, navigateToApplicationTab} from '../helpers/application-helpers.js';

const COOKIES_SELECTOR = '[aria-label="Cookies"]';
const STORAGE_SELECTOR = '[aria-label="Storage"]';
const CLEAR_SITE_DATA_BUTTON_SELECTOR = '#storage-view-clear-button';
const INCLUDE_3RD_PARTY_COOKIES_SELECTOR = '[aria-label="including third-party cookies"]';

let DOMAIN_SELECTOR: string;

describe('The Application Tab', async () => {
  before(async () => {
    DOMAIN_SELECTOR = `${COOKIES_SELECTOR} + ol > [aria-label="https://localhost:${getTestServerPort()}"]`;
  });

  afterEach(async () => {
    const {target} = getBrowserAndPages();
    const cookies = await target.cookies();
    await target.deleteCookie(...cookies);
  });

  it('deletes only first party cookies when clearing site data', async () => {
    const {target} = getBrowserAndPages();
    await navigateToApplicationTab(target, 'cross-origin-cookies');

    await doubleClickSourceTreeItem(COOKIES_SELECTOR);
    await doubleClickSourceTreeItem(DOMAIN_SELECTOR);

    const dataGridRowValuesBefore = await waitForFunction(async () => {
      const data = await getStorageItemsData(['name', 'value']);
      return data.length ? data : undefined;
    });


    assert.sameDeepMembers(dataGridRowValuesBefore, [
      {
        name: 'third_party',
        value: 'test',
      },
      {
        name: 'foo2',
        value: 'bar',
      },
      {
        name: 'foo',
        value: 'bar',
      },
    ]);

    await doubleClickSourceTreeItem(STORAGE_SELECTOR);
    await click(CLEAR_SITE_DATA_BUTTON_SELECTOR);

    await doubleClickSourceTreeItem(COOKIES_SELECTOR);
    await doubleClickSourceTreeItem(DOMAIN_SELECTOR);

    const dataGridRowValuesAfter = await waitForFunction(async () => {
      const data = await getStorageItemsData(['name', 'value']);
      return data.length ? data : undefined;
    });
    assert.sameDeepMembers(dataGridRowValuesAfter, [{
                             name: 'third_party',
                             value: 'test',
                           }]);
  });

  it('deletes first and third party cookies when clearing site data with the flag enabled', async () => {
    const {target} = getBrowserAndPages();
    // This sets a new cookie foo=bar
    await navigateToApplicationTab(target, 'cross-origin-cookies');

    await doubleClickSourceTreeItem(COOKIES_SELECTOR);
    await doubleClickSourceTreeItem(DOMAIN_SELECTOR);

    const dataGridRowValuesBefore = await waitForFunction(async () => {
      const data = await getStorageItemsData(['name', 'value']);
      return data.length ? data : undefined;
    });

    assert.sameDeepMembers(dataGridRowValuesBefore, [
      {
        name: 'third_party',
        value: 'test',
      },
      {
        name: 'foo2',
        value: 'bar',
      },
      {
        name: 'foo',
        value: 'bar',
      },
    ]);

    await doubleClickSourceTreeItem(STORAGE_SELECTOR);
    await click(INCLUDE_3RD_PARTY_COOKIES_SELECTOR);
    await click(CLEAR_SITE_DATA_BUTTON_SELECTOR);

    await doubleClickSourceTreeItem(COOKIES_SELECTOR);
    await doubleClickSourceTreeItem(DOMAIN_SELECTOR);

    await waitForFunction(async () => {
      const data = await getStorageItemsData(['name', 'value']);
      return data.length === 0;
    });
  });
});