[Tests-refactor] Remove angular code from plugin_functional and updat…

…e tests (#5221)

* remove angular-based view from DocViewsPlugin
* remove the test case that validates the display and content of the angular doc view

Issue Resolve
#5020

Signed-off-by: ananzh <ananzh@amazon.com>

CHANGELOG.md

@@ -110,6 +110,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 ### 🔩 Tests
 
 - [Tests] Add BWC tests for 2.9 and 2.10 ([#4762](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4762))
+- [Tests-refactor] Remove angular code from plugin_functional and update tests ([#5221](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/5221))
 
 ## [1.3.12 - 2023-08-10](https://github.com/opensearch-project/OpenSearch-Dashboards/releases/tag/1.3.12)
 

test/plugin_functional/plugins/doc_views_plugin/public/plugin.tsx

@@ -28,36 +28,16 @@
  * under the License.
  */
 
-import angular from 'angular';
 import React from 'react';
 import { Plugin, CoreSetup } from 'opensearch-dashboards/public';
 import { DiscoverSetup } from '../../../../../src/plugins/discover/public';
 
-angular.module('myDocView', []).directive('myHit', () => ({
-  restrict: 'E',
-  scope: {
-    hit: '=hit',
-  },
-  template: '<h1 data-test-subj="angular-docview">{{hit._index}}</h1>',
-}));
-
 function MyHit(props: { index: string }) {
   return <h1 data-test-subj="react-docview">{props.index}</h1>;
 }
 
 export class DocViewsPlugin implements Plugin<void, void> {
   public setup(core: CoreSetup, { discover }: { discover: DiscoverSetup }) {
-    discover.docViews.addDocView({
-      directive: {
-        controller: function MyController($injector: any) {
-          $injector.loadNewModules(['myDocView']);
-        },
-        template: `<my-hit hit="hit"></my-hit>`,
-      },
-      order: 1,
-      title: 'Angular doc view',
-    });
-
     discover.docViews.addDocView({
       component: (props) => {
         return <MyHit index={props.hit._index as string} />;

test/plugin_functional/test_suites/doc_views/doc_views.ts

@@ -44,19 +44,10 @@ export default function ({ getService, getPageObjects }: PluginFunctionalProvide
 
     it('should show custom doc views', async () => {
       await testSubjects.click('docTableExpandToggleColumn');
-      const angularTab = await find.byButtonText('Angular doc view');
       const reactTab = await find.byButtonText('React doc view');
-      expect(await angularTab.isDisplayed()).to.be(true);
       expect(await reactTab.isDisplayed()).to.be(true);
     });
 
-    it('should render angular doc view', async () => {
-      const angularTab = await find.byButtonText('Angular doc view');
-      await angularTab.click();
-      const angularContent = await testSubjects.find('angular-docview');
-      expect(await angularContent.getVisibleText()).to.be('logstash-2015.09.22');
-    });
-
     it('should render react doc view', async () => {
       const reactTab = await find.byButtonText('React doc view');
       await reactTab.click();