refactor(techdocs): delete inject css

Signed-off-by: Camila Belo <camilaibs@gmail.com>
This commit is contained in:
Camila Belo
2022-05-20 15:45:52 +02:00
parent 307581d8b6
commit a805d841af
3 changed files with 0 additions and 72 deletions
@@ -25,6 +25,5 @@ export * from './copyToClipboard';
export * from './removeMkdocsHeader';
export * from './simplifyMkdocsFooter';
export * from './onCssReady';
export * from './injectCss';
export * from './scrollIntoAnchor';
export * from './transformer';
@@ -1,40 +0,0 @@
/*
* Copyright 2020 The Backstage Authors
*
* Licensed 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 { createTestShadowDom } from '../../test-utils';
import { injectCss } from './injectCss';
describe('injectCss', () => {
it('should inject style with passed css in head', async () => {
const html = `
<html>
<head></head>
<body></body>
</html>
`;
const injectedCss = '* {background-color: #fff}';
const shadowDom = await createTestShadowDom(html, {
preTransformers: [injectCss({ css: injectedCss })],
postTransformers: [],
});
const styleElement = shadowDom.querySelector('head > style');
expect(styleElement).toBeTruthy();
expect(styleElement!.innerHTML).toEqual(injectedCss);
});
});
@@ -1,31 +0,0 @@
/*
* Copyright 2020 The Backstage Authors
*
* Licensed 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 type { Transformer } from './transformer';
type InjectCssOptions = {
css: string;
};
export const injectCss = ({ css }: InjectCssOptions): Transformer => {
return dom => {
dom
.getElementsByTagName('head')[0]
.insertAdjacentHTML('beforeend', `<style>${css}</style>`);
return dom;
};
};