mirror of
https://github.com/apache/superset.git
synced 2026-04-21 00:54:44 +00:00
ec6657ab2d
* Relayout SQL Editor - Refactor SQL editor to remove usage of bootstrap col, row and collapse to simplify the layout - Replace the react-split-pane libraray with react-split to allow custom styling of the gutter area without sacrifice correctness of the ace editor height calculation - Rewrite the left pane animation via plain css transition and animate it to slide in and out - General code and css clean up * Smooth out the visual transition during dragging (cherry picked from commit 19f82b729c7a939f12b1c5da6022c0fd76fa3ec9) * Adjust how the height of the south pane is computed, fixing cypress tests
61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
/**
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing,
|
|
* software distributed under the License is distributed on an
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
* KIND, either express or implied. See the License for the
|
|
* specific language governing permissions and limitations
|
|
* under the License.
|
|
*/
|
|
import React from 'react';
|
|
import configureStore from 'redux-mock-store';
|
|
import thunk from 'redux-thunk';
|
|
|
|
import { shallow } from 'enzyme';
|
|
|
|
import { STATUS_OPTIONS } from '../../../src/SqlLab/constants';
|
|
import { initialState } from './fixtures';
|
|
import SouthPaneContainer, { SouthPane } from '../../../src/SqlLab/components/SouthPane';
|
|
|
|
describe('SouthPane', () => {
|
|
const middlewares = [thunk];
|
|
const mockStore = configureStore(middlewares);
|
|
const store = mockStore(initialState);
|
|
|
|
const mockedProps = {
|
|
editorQueries: [],
|
|
dataPreviewQueries: [],
|
|
actions: {},
|
|
activeSouthPaneTab: '',
|
|
height: 1,
|
|
databases: {},
|
|
offline: false,
|
|
};
|
|
|
|
const getWrapper = () => (
|
|
shallow(<SouthPaneContainer {...mockedProps} />, {
|
|
context: { store },
|
|
}).dive());
|
|
|
|
let wrapper;
|
|
|
|
beforeAll(() => {
|
|
jest.spyOn(SouthPane.prototype, 'getSouthPaneHeight').mockImplementation(() => 500);
|
|
});
|
|
|
|
it('should render offline when the state is offline', () => {
|
|
wrapper = getWrapper();
|
|
wrapper.setProps({ offline: true });
|
|
expect(wrapper.find('.m-r-3').render().text()).toBe(STATUS_OPTIONS.offline);
|
|
});
|
|
});
|